restyle slider

[RA]

I would like my <<slider>> macros rendered not as buttons, but as
headings with an arrow pointing right or down to indicate closed/open
state, and have slider contents indented. Can this be done with
stylesheet changes? Javascript?


RA

[Eric Shulman]

You can do this using
http://www.TiddlyTools.com/#NestedSlidersPlugin

For your purposes:

+++!!![closed heading &rarr;][opened heading &darr;]>
<<tiddler TiddlerName>>
===


enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

[FND]

> I would like my <<slider>> macros rendered not as buttons, but as
> headings with an arrow pointing right or down to indicate closed/open
> state, and have slider contents indented.

The slider macro currently does not support custom classes, but you
could use a class wrapper (here called "foo"):
{{foo{<<slider chkCookie [[tiddler]] "label »" "tooltip">>}}}
Then add something like this to your StyleSheet:
---------------
.foo .button {
display: block;
border: none;
font-weight: bold;
}

.sliderPanel {
margin-left: 1em;
}
---------------

HTH.

-- F.