Hi Alberto,
Nice.
To style the slider and edit button, add the following to your stylesheet:
html .tw-slider {
font-size: 0.5em;
}
html .tw-images svg {
height: 0.5em;
}
the class tw-slider is already in <$button popup ...>
the class tw-images you have to add just before the transcluded image (
... class="btn-invisible tw-images"{{$:/core/images/edit-button}} )
Cheers,
Ton
On Thursday, January 30, 2014 5:44:23 PM UTC+1, Alberto Molina wrote:
>
> Stephan Hradek has created several magick tricks
> here.<http://tw5magick.tiddlyspot.com/>
>
> Do you like "slider"? Do you like "full (enhanced) transclusion"? Have
> them work together! (The following is just a tweak & mix of both)
>
> Create a template tiddler called, for instance, "sliderfull", containing
> this:
>
> \define slider(label)
> <h1><span title="Slide section"><$button popup="$:/state/$label$"
> class="btn-invisible
> tw-slider"><$reveal type="match" text="" default="" state=
> "$:/state/$label$">⊞</$reveal><$reveal type="nomatch" text=""
> default=""
> state="$:/state/$label$">⊟</$reveal> {{!!title}}</$button> </span><span
>
> title="Edit section"><$button message="tw-edit-tiddler"
> class="btn-invisible">{{$:/core/images/edit-button}}</$button></span></h1>
> <$reveal type="nomatch" text="" default="" state="$:/state/$label$"animate
> ="yes">
> <$transclude/>
> </$reveal>
> \end
>
> <$macrocall $name="slider" label={{!!title}}/>
>
>
> Use the template tiddler by transcluding it:
>
> {{GettingStarted||sliderfull}}
>
> Then, if you click on the title, it slides and shows/hides the content.
> And if you click the edit button, it opens the transcluded tiddler in edit
> view.
>
> The trick could be improved by reducing the size of the slider button and
> edit button, but I don't know how.
>
>
> Alberto
>
>
>
>
--
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 [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.
