Introduction
The TiddlerWidget is used to set a value for the current tiddler variable, valid within the scope of the TiddlerWidget.
Content and Attributes
Attribute | Description |
---|---|
tiddler | The title of the tiddler to become the new current tiddler |
CSS Class Variables
The tiddler widget assigns several useful CSS classes to variables that it creates:
- missingTiddlerClass
tc-tiddler-exists
or...tc-tiddler-missing
depending on whether the tiddler exists- shadowTiddlerClass
tc-tiddler-shadow
if the tiddler is a shadow tiddler- systemTiddlerClass
tc-tiddler-system
if the tiddler is a system tiddler- tiddlerTagClasses
- a space separated list of CSS classes named
tc-tagged-{tagname}
,
e.g.tc-tagged-introduction
Note: tag names are URI encoded which means that the tag $:/tags/Macro appears as the CSS classtc-tagged-%24%3A%2Ftags%2FMacro
. See How to apply custom styles by tag for more details
You can use these variables like this:
<$tiddler tiddler="MyOtherTiddler">
<div class=<<missingTiddlerClass>>>
<$transclude/>
</div>
</$tiddler>
See also $:/core/ui/ViewTemplate.