Not sure what it says about me: I find this way fun ! Thanks !
For the giggles, I made a small addition:
<fieldset style="display: block;">
<legend><$list filter="$filter$ -[<currentTiddler>]"><<menubutton
labeltid:$state$>></$list> </legend>
*<div style="height:400px;overflow:scroll;" >*
<$tiddler tiddler={{$state$}} > <$transclude tiddler={{$state$}}
mode="block"/> </$tiddler>
*</div>*
</fieldset>
\end
Now I find this feels like fixed-size "screens", and I'm having major
flashbacks to dBase IV and Clipper. Ugh, I'm showing my age ...
On Friday, June 11, 2021 at 11:53:13 PM UTC-3 [email protected] wrote:
> 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:"")
> <$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>
> \end
>
> \define tabs-fieldset(filter:"" state:"$:/temp/state")
>
> <fieldset style="display: block;">
> <legend><$list filter="$filter$ -[<currentTiddler>]"><<menubutton
> labeltid:$state$>></$list> </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/f05d744a-118a-44fc-86b6-c5a59f8786e4n%40googlegroups.com.
