'start' tiddler without header informations / toggle 'home' button

120 views
Skip to first unread message

Stefan Schlechter

unread,
Jan 7, 2021, 12:32:38 PM1/7/21
to TiddlyWiki
Hello,

clicking the 'home' button I would like to have
  • the 'start' tiddler ( Default tiddler with table of content) without header informations (tiddler name, creator, creation date, view tools (except 'close') and tags
  • toggle function for 'home' button
Thanks for feedback
Stefan

TW Tones

unread,
Jan 7, 2021, 6:40:02 PM1/7/21
to TiddlyWiki
Stefan,

Perhaps using the emptyStory message - ie when all tiddlers are closed.


Tones

Stefan Schlechter

unread,
Jan 21, 2021, 1:55:34 AM1/21/21
to TiddlyWiki
Hello Tones,

thanks for the hint, but that's not, what I want.

--> for start tiddler (ToC):
Hide_in_ToC.png

Thanks for feedback
Stefan

TW Tones

unread,
Jan 21, 2021, 5:24:39 AM1/21/21
to TiddlyWiki
Stefan,

As a rule the Subtitle and Tags line shows on every tiddler, as I understand it you don't want it to show on some specific tiddlers?

A quick use of the browser inspect and the following style sheet added to a tiddler will do this (to all visible tiddlers)

<style>
div.tc-subtitle { display: none; }
div.tc-tags-wrapper { display: none; }
</style>

As soon as any tiddler containing the above is closed the previous behaviour will return.

I am not so sure how to do this but defining a class in a style sheet you name in the tiddlers "class field", or a CSS method to target only tiddlers with a special tag  see https://tiddlywiki.com/#Custom%20styles%20by%20data-tags should do it.

My CSS is not strong enough but I am sure someone like TT can help.

Tones

Stefan Schlechter

unread,
Jan 21, 2021, 6:00:41 AM1/21/21
to TiddlyWiki
Hi Tones,

that's it - nice!

Thanks a lot
Stefan

Sylvain Naudin

unread,
Jan 21, 2021, 6:17:42 AM1/21/21
to TiddlyWiki
Hello Stefan,

As Tones mentioned, you can indeed play with CSS rules, for example on the title of a tiddler (https://tiddlywiki.com/#Custom%20styles%20by%20data-tiddler-title), here example with Documentation :

[data-tiddler-title^="Documentation"] .tc-subtitle {
    display: none;
}

(in a tiddler tag with $:/tags/Stylesheet).

Cheers,
Sylvain

scot

unread,
Jan 21, 2021, 6:18:44 AM1/21/21
to TiddlyWiki
Stefan,
there is an example on TW-Scripts from Mohammad.

Scot

Stefan Schlechter

unread,
Jan 21, 2021, 6:55:53 AM1/21/21
to TiddlyWiki
Sylvain,  Scot - thanks for feedback!

TW Tones

unread,
Jan 21, 2021, 5:13:14 PM1/21/21
to TiddlyWiki
Folks,

Thanks all for chipping in and helping  Sylvain.

Nice to see the community in operation.

It seems to me a modified version of Mohammads that hides tiddlers subtitle and tags if the tiddler is tagged "simple" would make sense. then a check box that toggles the   $:/tags/Stylesheet  tag on the style sheet would activate/deactivate it as needed. With such a toggle one may also hide the edit or or some toolbar buttons, depending on how the user navigates, the designer can simple toggle the limited display on before saving.

Regards
Tones

TW Tones

unread,
Jan 21, 2021, 6:29:00 PM1/21/21
to TiddlyWiki
So here is code which in a stylesheet will hide the subtitle and tags on tiddlers tagged simple;

[data-tags*="simple"] div.tc-subtitle { display: none; } div.tc-tags-wrapper { display: none; } 

It would be nice to hide the edit and more buttons as well.

Regards
Tones 

Reply all
Reply to author
Forward
0 new messages