Box Layout Tiddly Wiki

347 views
Skip to first unread message

Java Development

unread,
Jun 3, 2021, 9:10:40 PM6/3/21
to TiddlyWiki
Hi,

I have around 12 initial menus which needs to be presented as BOX layout. On clicking the layout it goes to the sub-category and category and finally the result


How to display the front page with Box Layout? Any good theme is available.

Thanks
BOX Layout.png

strikke...@gmail.com

unread,
Jun 3, 2021, 10:38:07 PM6/3/21
to TiddlyWiki
From the screenshot - Look at Tiddler Saving

open it for edit, you will find that it is using tiddler tw5.come-card-template

Java Development

unread,
Jun 3, 2021, 11:40:05 PM6/3/21
to tiddl...@googlegroups.com
Hi,

How to add multiple card template...Whenever i add it is coming as new tiddler.

Can someone help me how to add 5 rows with 3 boxes in a row...

Thanks

--
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+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/fc59e0e2-f1c7-4774-93be-19ea7a65b1a5n%40googlegroups.com.

Mohammad Rahmani

unread,
Jun 3, 2021, 11:43:14 PM6/3/21
to tiddl...@googlegroups.com
I may recommend Shiraz! Have a look at the tutorial and see how cards are used!
Look at the Gallery example, if you like your card include images+text!


Best wishes
Mohammad


Charlie Veniot

unread,
Jun 5, 2021, 12:15:01 AM6/5/21
to TiddlyWiki
G'day JD,

Try this over in https://tiddlywiki.com/ (creating "A" and "B" tiddlers, and the following in some other tiddler) :

<div class="tc-wrapper-flex">
<div class="content">
{{A||$:/_tw5.com-card-template}}
{{B||$:/_tw5.com-card-template}} 
</div>
</div>
<div class="tc-wrapper-flex">
<div class="content">
{{B||$:/_tw5.com-card-template}}
{{A||$:/_tw5.com-card-template}}
</div>
</div>

To get the above working in your own TiddlyWiki instance, you'll want to copy the https://tiddlywiki.com/#%24%3A%2F_tw5.com-styles tiddler to your TiddlyWiki as is, or copy the CSS bits you need into your own CSS tiddler.
Reply all
Reply to author
Forward
0 new messages