This page is part of a static HTML representation of the TiddlyWiki at https://tiddlywiki.com/

Q: How can I use a custom field to style a tiddler?

11th April 2018 at 5:39pm

Consider the following usecase: Introduced in v5.1.16

There is a field named: rank, which can hold different values eg: species.

Answer:

The idea is now: We dynamically create the stylesheet. The style-sheet can look like this:

title: myStyles
tags: $:/tags/Stylesheet

<$list filter="[rank[species]]"> 
[data-tiddler-title^="<$view field=title/>"] .tc-tiddler-body {
    column-count: 2;
}
</$list> 

This creates a CSS rule for every tiddler-title, that has a field rank and value species.

Learn more about possible attributes!