Tony In the meantime you can try this: \define crad-tiddlers(filter) <div class="card-columns"> <$list filter=<<__filter__>>> <div class="card"> <div class="card-body text-center"> <$link to=<<currentTiddler>> > <$transclude tiddler="$:/core/ui/ViewTemplate"/> <h3 class="card-title"><<currentTiddler>></h3> </$link> </div> </div> </$list> </div> \end
On Saturday, November 2, 2019 at 8:46:14 AM UTC+3:30, TonyM wrote: > > Mohammad, > > Thanks for the reference, but I am struggling to extract the thumbnail > method for a more generalised tool. > > - I would love to use it as an alternative to a regular list such that > the thumbnails are a preview to that tiddler. I am not sure how to set the > size, columns rows but even a default behaviour would be good. > - Perhaps you would kindly consider extracting a separate macro that > allows it to be called multiple times inside any list widget and filter to > show a preview for each tiddler. If not by simply providing the filter to > the macro and displaying a linked preview to each. > - A macro that displayed a preview of a single named tiddler that fit > a table cell would be fine. > - Alternatively if you could explain the mechanism to preview a > tiddler at a smaller size I would be grateful. > > > To me this is such a basic user interface feature, I would love to see it > in you Shiraz collection. > > Thanks in advance > Tony > > On Friday, November 1, 2019 at 4:37:09 PM UTC+11, Mohammad wrote: >> >> Hi Tony! >> It is part of Tiddlyshow! >> You can find it under slide thumbnails! >> >> https://github.com/kookma/Tiddlyshow >> >> --Mohammad >> >> On Thursday, October 31, 2019 at 11:37:29 PM UTC+3:30, TonyM wrote: >>> >>> Mohammad, >>> >>> I recall in the past you had a method of showing tiddlers as previews >>> where it rendered the tiddler as a thumbnail or image. >>> >>> I can't find this can you tell me where I can find it? >>> >>> I think the preview method would be nice to also add to such grids to >>> act as graphical "links" to content. >>> >>> Regards >>> Tony >>> >>> On Friday, November 1, 2019 at 12:57:14 AM UTC+11, Mohammad wrote: >>>> >>>> This is an attempt to create a simple to understand easy to use >>>> flexgrid system for Tiddlywiki. >>>> It uses a four column layout and lets create elegant layout. >>>> >>>> This is part of Shiraz plugin >>>> <https://groups.google.com/d/msg/tiddlywiki/yVXEzBpfMjw/XsQqcWjaBAAJ> >>>> >>>> For demo see: https://kookma.github.io/Shiraz/#Shiraz%20Flex%20Grid >>>> >>>> demo/advanced/flexgrid/concept >>>> <http://127.0.0.1:9000/#>31st October 2019 at 9:13am >>>> advancedflexgrid >>>> Shiraz Flex grid system >>>> >>>> Shiraz uses a flexgrid composed of four column system. These were taken >>>> from Bootstrap 4.3.1. So for understanding the concept it is recommend to >>>> read the Bootstrap grid system >>>> <https://getbootstrap.com/docs/4.3/layout/grid/>. By the way Shiraz >>>> Grid system is much simpler and designed to work in Tiddlywiki. >>>> How it works >>>> >>>> Shiraz flexgrid system uses a series of rows, and columns to layout and >>>> align content. It’s built with flexbox and is responsive. >>>> >>>> A good reference to understand flexbox is CSS-Tricks flexbox guide >>>> <https://css-tricks.com/snippets/css/a-guide-to-flexbox/#flexbox-background> >>>> Grid options >>>> >>>> Shiraz flexgrid uses a four column system. >>>> >>>> - The flex-row container is a wrapper for columns. >>>> - The flex-col container uses automatic width and is used for >>>> creating equal width columns layout. >>>> >>>> The below table shows all column classes in flexgrid system. >>>> Class nameWidth >>>> flex-col auto >>>> flex-col-1 25% >>>> flex-col-2 50% >>>> flex-col-3 75% >>>> flex-col-4 100% >>>> >>>> >>>> -- 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/c1713f6c-2e2d-4de8-af12-35570980bd7f%40googlegroups.com.
