Greetings,

I saw use of the fieldset html tag in another message thread here the other 
day and thought that it would be a neat way to implement a simple 
minimalistic "tabs" option.

So I hacked it together (see below).

It is best with no more than a few menu options but it will wrap in a 
usable fashion with more. One might be able to modify it to only display a 
fixed number of options or width and put some scrolling in with some list 
filter or CSS trickery but I am not planning to tackle that soon. Just 
wanted to throw out a proof of concept.

It has hints of old-school BBS text menus of yesteryear / terminal-based 
GUIs. 

Enjoy.

/Mike

\define buttonlabel() <$text text=<<currentTiddler>>/>

\define selectedbuttonlabel() ''<$text text=<<currentTiddler>>/>''

\define menubutton(labeltid:"")
 &nbsp;<$button setTitle="$labeltid$" setTo=<<currentTiddler>>  
class="tc-btn-invisible">
<$list filter="[<currentTiddler>compare:string:eq{$labeltid$}]" 
emptyMessage=<<buttonlabel>> 
variable=avoid_changing_currentTiddler><<selectedbuttonlabel>></$list>
</$button>&nbsp;
\end

\define tabs-fieldset(filter:"" state:"$:/temp/state")

<fieldset style="display: block;">
<legend><$list filter="$filter$ -[<currentTiddler>]"><<menubutton 
labeltid:$state$>></$list>&nbsp;</legend>

<$tiddler tiddler={{$state$}} > <$transclude tiddler={{$state$}} 
mode="block"/> </$tiddler>

</fieldset>
\end

Examples use to cut and paste into tiddlywiki.com to try it out.

<<tabs-fieldset filter:"[tag[Videos]]">>

<<tabs-fieldset filter:"[tag[Videos]]" state:"$:/temp/altstate">>

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/cbb03238-1e43-490d-b8a4-cf4d754866e3n%40googlegroups.com.

Reply via email to