Presenting: List styles - just some ways to style list output

168 views
Skip to first unread message

Mat

unread,
Jun 2, 2021, 9:20:11 AM6/2/21
to TiddlyWiki
No biggie but they do have their uses:

List styles are some pure CSS styles to reshape output from the ListWidget or filtered transclusions, i.e {{{...}}},  which can otherwise be pretty tricky to control. It's not a plugin, just copy whatever you want and adapt to your needs. For one thing, you might want more memorable style class names.
The styles are:
  • counter
  • commalist
  • verticallist
  • bulletlist
<:-)

PMario

unread,
Jun 2, 2021, 9:36:16 AM6/2/21
to TiddlyWiki
Hi Mat,
Nice. ... Did you link it to: https://links.tiddlywiki.com/ ?
-m

Mat

unread,
Jun 2, 2021, 9:39:07 AM6/2/21
to TiddlyWiki
Naw. This summer I'll look into links among other things more. If anyone else wants to add it already now, please go ahead.

<:-)

Eric Shulman

unread,
Jun 2, 2021, 10:20:41 AM6/2/21
to TiddlyWiki
On Wednesday, June 2, 2021 at 6:20:11 AM UTC-7 Mat wrote:
List styles are some pure CSS styles to reshape output from the ListWidget or filtered transclusions, i.e {{{...}}},  which can otherwise be pretty tricky to control.

Changes bullet styles into a tree view!

-e

Mat

unread,
Jun 2, 2021, 10:53:11 AM6/2/21
to TiddlyWiki
Eric Shulman wrote:

Yeah, thanks. I actually have a lot more stuff that should be listed in the links site.

<:-)

Mohammad Rahmani

unread,
Jun 2, 2021, 1:11:20 PM6/2/21
to tiddl...@googlegroups.com
Hi Mat,
Very nice! 

Thank you for sharing!

Sidenote: the side editor (or floating editor) needs some more love!
It is really useful!

Best wishes
Mohammad


--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/340b9efb-d414-47d4-8f98-b46167e4a35an%40googlegroups.com.

TW Tones

unread,
Jun 2, 2021, 5:46:39 PM6/2/21
to TiddlyWiki
Mat,

Thanks for sharing that. Not only is is a nice easy to use method it exposes another approach, especially applying classes to the output of a filtered transclusion.

In a previous discussion we raised the desire to prepare a tiddler for print. I wonder if there is a way to inject a page break with CSS similar to injecting a line break such the result fits a particular page size?

Mario I think this approach may also prove helpful on top of custom markup.

Regards
Tones


History Buff

unread,
Jun 2, 2021, 5:54:41 PM6/2/21
to TiddlyWiki
I love list tree. I use it in many places in my TWs and I've had no issues with it.

Jon

unread,
Jun 6, 2021, 2:37:33 AM6/6/21
to TiddlyWiki
Thanks for this Mat, very useful.

Regards
Jon

Reply all
Reply to author
Forward
0 new messages