Hi,
thanks for the syntax of the radio-widget... the problem is to match the
css to the html-elements produced by this syntax.
Because I want the cards to be animated, I have to do the transformation
without the reveal-widget.
Sorry for not answering sooner... I felt several times close to the
result...
Best Wishes Jan
P.S. Reveal uses "text" instead of "value".
Am 18.11.2020 um 23:32 schrieb 'c pa' via TiddlyWiki:
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 tiddlywiki+unsubscr...@googlegroups.com
<mailto:tiddlywiki+unsubscr...@googlegroups.com>.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/9cedf255-a283-466b-8822-5e3f185f0155n%40googlegroups.com
<https://groups.google.com/d/msgid/tiddlywiki/9cedf255-a283-466b-8822-5e3f185f0155n%40googlegroups.com?utm_medium=email&utm_source=footer>.
--
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/5FB82DC1.4090008%40googlemail.com.