How do I edit the $:/core/ui/EditTemplate/controls tiddler so that the buttons are always in view, i.e. stuck to the top of the screen, when in EditTemplate mode?

90 views
Skip to first unread message

Sapphireslinger

unread,
Aug 28, 2019, 6:55:23 AM8/28/19
to TiddlyWiki
How do I edit the $:/core/ui/EditTemplate/controls tiddler so that the buttons are always in view, i.e. stuck to the top of the screen, when in EditTemplate mode?

Here are the present contents of my $:/core/ui/EditTemplate/controls:

\define config-title()
$:/config/EditToolbarButtons/Visibility/$(listItem)$
\end
<div class="tc-tiddler-title tc-tiddler-edit-title">
<$view field="title"/>
<span class="tc-tiddler-controls tc-titlebar"><$list filter="[all[shadows+tiddlers]tag[$:/tags/EditToolbar]!has[draft.of]]" variable="listItem"><$reveal type="nomatch" state=<<config-title>> text="hide"><$transclude tiddler=<<listItem>>/></$reveal></$list></span>
<div style="clear: both;"></div>
</div>

Eric Shulman

unread,
Aug 28, 2019, 7:32:40 AM8/28/19
to TiddlyWiki
On Wednesday, August 28, 2019 at 3:55:23 AM UTC-7, Sapphireslinger wrote:
How do I edit the $:/core/ui/EditTemplate/controls tiddler so that the buttons are always in view, i.e. stuck to the top of the screen, when in EditTemplate mode?

You can achieve the effect you want -- or close to it -- just using CSS, without modifying the core tiddler:

Simply create a new tiddler (e.g., "TopEditorButtons"), tagged with $:/tags/Stylesheet, containing:

.tc-editor-toolbar { position:fixed; top:0; }

enjoy,
-e
Eric Shulman
TiddlyTools: "Small Tools for Big Ideas!" (tm) http://tiddlytools.github.io (TWClassic)
InsideTiddlyWiki: The Missing Manuals

Sapphireslinger

unread,
Aug 28, 2019, 10:19:29 AM8/28/19
to TiddlyWiki
Thank you, Eric! I was looking for this answer for months! It was actually...

.tc-tiddler-edit-title

...that I needed, but with your instructions as a template, I was able to find the correct tc by trial and error, plugging in the various tc's I found within the $:/core/ui/EditTemplate/controls tiddler until I found the correct one.

I ended up with this:

.tc-tiddler-edit-title { position:fixed; top:0; left:0; right:0; padding:3px; background-color: pink; }

PROBLEM:

The chevron (that reveals and hides the TiddlyWiki title and tab menu) overlays my new fixed toolbar, and sometimes gets in the way of the particular toolbar button I need to press. How do I remove the chevron? I never use it anyway.

Birthe C

unread,
Aug 28, 2019, 11:05:40 AM8/28/19
to TiddlyWiki
Open $:/core/ui/Topbar/menu and remove the tag,  $:/tags/TopRightBar . That is if you really do not use it.
Message has been deleted
Message has been deleted

Sapphireslinger

unread,
Aug 28, 2019, 12:26:13 PM8/28/19
to TiddlyWiki
Thank you, Birthe! So far it only gets in my way. What do people use it for?

Birthe C

unread,
Aug 29, 2019, 6:06:43 AM8/29/19
to TiddlyWiki
Toggling sidebar show/hide.

I find that hiding sidebar can be less distracting, when I want to show somebody my tiddlywiki. Also when working with my wiki, I sometimes want to have the bigger area for editing tiddlers. The fields get bigger too and that makes it easier to edit.

A lot of public wikis hide sidebar, didn't you notice? An example: Using your tw for slideshows you would not want sidebar when viewing the slidehow, but when you author it everything is easier having sidebar visible.


Birthe
Reply all
Reply to author
Forward
0 new messages