This is a stripped-down version of a single section of Grok TiddlyWiki, optimized for fast loading and readability by search engines. Some features are missing.

For the full Grok TiddlyWiki experience, please visit the wiki version of this page.

Ex:ConditionalStyle/answer

29th January 2021 at 9:45pm

To accomplish this, simply wrap the class in a $list widget so that the CSS doesn't show up if the config tiddler isn't set appropriately:

<$list filter="[[$:/config/ShowFunnyText]text[yes]]">
.my-funny-class2 {
  background-color: blue;
  color: yellow;
  font-size: 150%;
  border: 3px dotted orange;
  text-align: right;
}
</$list>

The filter can be written in several ways; for instance, you could equivalently use:

<$list filter="[{$:/config/ShowFunnyText}match[yes]]">
Go to question: Ex:ConditionalStyle