Mohammad,

In a similar way to Dynamic and Conditional Stylesheets I recently made 
some buttons that use css to reveal content.

See here 
https://groups.google.com/forum/?hl=en#!searchin/tiddlywikidev/button%7Csort:date/tiddlywikidev/0wOyn6oSJWY/C4oLQ-scCAAJ

The point is however, I used a list filter to determine if some css was 
active. Even although the css is invisible to the user

<$list filter="[<button-state>] -[[false]]" variable=nul>
     <$button tooltip="Toggle field $buttonname$ to false">
         <$action-setfield $field=<<button-state-field>> $value="false"/>
         <<button-true-label>>
     </$button>
     <style>
        #$buttonname$-true { display: block; }
        #$buttonname$-false { display: none; }
      </style>
</$list>

So this is also conditional css

<<button-here local-show Show Hide>> 
<section id=local-show-true> I am on true </section>

Regards

TRony


On Monday, July 1, 2019 at 5:24:00 PM UTC+10, Mohammad wrote:
>
> This may be useful!
>
>
>  Dynamic and Conditional Stylesheets 
>
> How create CSS dynamically in Tiddlywiki?Use TW scrippting elements to 
> generate a stylesheet dynamically!
> Example
>
> Assume you have some tiddlers contains CSS but NOT tagged with 
> $:/tags/Stylesheet. It is also possible to add more tiddlers (for example 
> those added by users), you can create a stylesheet by dynamic populating 
> CSS from those tiddlers.
>
> As an example, we have three diffent tiddlers each have some CSS and 
> tagged with exmp64 , to create a dynamic stylesheet create a tiddler as 
> below
>
>    - title: what you want
>    - tag: $:/tags/Stylesheet
>    - text:
>
> <$list filter="[tag[exmp64]]">
> <$transclude/>
> </$list>
>
>
> Will be available in TW-Scripts
>
>

-- 
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 https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/a2a0404a-5ab1-4697-86b6-6eb2f9a824e4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to