On Sunday, 23 February 2020 13:17:03 UTC+1, A Gloom wrote:
>
> 2 "state" slide/accordion button (with reveals) expanded to 3 (or more)
> "states"/position/sequence
>
> On the radio, round buttons are 3 position while rectangular are 2 state
> (on/off). The round "ON" switch is shown in its 3 states-- first click
> turns the radio on enabling audio to run once a station is selected, second
> click (VOL) reveals the HTML audio controls, third click (OFF) turns off
> any streaming audio and returns the button back to its starting
> state/condition (ON) . The button remains in the same spot, just the text
> of the button change. Each state (step in the sequence) turns on the next
> step and the final step turns on the first so the sequence can be
> repreated. As many steps can be chained and actions assigned to each step.
>
> Secong image also shows the concept moidified for a dial appearance and
> slide switch.
>
> working on a bi-directional version forward and backwards sequence
>
> code at bottom
>
>
> [image: radiosbar.jpg]
>
> [image: radiosidebar2.jpg]
>
>
> Aplolgies for broken button borders-- latest Firefox update is playing
> havok with buttons-- I now have white bg buttons (which means I now cannot
> see the editor toolbar in topic creation)-- the impact in TW is much less--
> text know has black bg which can overlap & cover the button border.
>
> <style>.radiobutt {width:50px;height:50px;padding:1em;border-width:2px;
> border-radius:50%;}</style>
>
>
>
> <$reveal type="match" state="$:/state/radioonbutt" text=""><$button
> set="$:/state/radioonbutt" setTo="on" class="tc-btn-rounded radiobutt"
> tooltip="Click to turn radio on"><$action-setfield
> $tiddler="$:/temp/radiostat" text="# radio static"
> />ON</$button></$reveal><$reveal type="match" state="$:/state/radioonbutt"
> text="on"><$button set="$:/state/radioonbutt" setTo="off"
> class="tc-btn-rounded radiobutt" tooltip="Click to open volume
> control">VOL</$button></$reveal><$reveal type="match"
> state="$:/state/radioonbutt" text="off"><$button set="$:/state/radioonbutt"
> setTo="" class="tc-btn-rounded radiobutt" tooltip="Click to turn radio
> off"><$action-setfield $tiddler="$:/temp/radiostat" text=""
> />OFF</$button></$reveal>
>
>
>
--
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/1e2f025a-73d4-49e8-b36e-2164f535481e%40googlegroups.com.
