The tiddlywiki way is to have the radio buttons set a value into a field and then display the corresponding card based on the field being populated
Pseudo code: <$radio tiddler=<<currentTiddler>> field="card-state" value="Card-1">Card 1 </$radio> <$radio tiddler=<<currentTiddler>> field="card-state" value="Card-2">Card 2 </$radio> <$radio tiddler=<<currentTiddler>> field="card-state" value="Card-3">Card 3 </$radio> <$reveal type="match" state="!!card-state" value="Card-1"> Card 1 content </$reveal> <$reveal type="match" state="!!card-state" value="Card-2"> Card 2 content </$reveal> <$reveal type="match" state="!!card-state" value="Card-3"> Card 3 content </$reveal> On Tuesday, November 17, 2020 at 10:27:52 AM UTC-8 Jan wrote: > Hi Fans of skeumorph (https://en.wikipedia.org/wiki/Skeuomorph) design. > > When trying to enhance my quizcard macro I stumbled upon this codepen > https://codepen.io/miroot/pen/YXpOGG > > The html and css already work in TW http://szen.io/quiz/#Quiz%20Cardstack > . > So far I failed trying to translate the syntax to wikitext because the > radio input makes use of IDs. > > How can I solve this with the radiowidget? > > Best wishes Jan > > > > > > > > -- 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/9cedf255-a283-466b-8822-5e3f185f0155n%40googlegroups.com.
