Jan, Interesting word skeumorph.
No answer but some thoughts that may help My HTML/CSS skills have improved working with TiddlyWiki however perhaps not enough to resolve this example. - I am confident however when it comes to copying the behaviour of your example native tiddlywiki/wikitext will be much simpler and less verbose, although as you have demonstrated the CSS output is working to some extent. - When depending wholly on html and css the answer given by the user may not be stored persistently - If you look at the syntax <https://tiddlywiki.com/#RadioWidget> you can see how the result is stored in an index, a "tiddlywiki object" and similarly the rest of your solution needs to respond to the value used in tiddlywiki - As you have identified the key is to get persistent storage of the value. Perhaps you can use a reveal to only use part of the styling or html when the selected value is given by a tiddlywiki radio widget. Best of luck Tones On Wednesday, 18 November 2020 at 05:27:52 UTC+11 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 tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/42ce99ff-1e79-4841-a8e0-645916ec8fe8n%40googlegroups.com.