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/b4ae9a13-5628-4511-a18a-831f1d66879c%40googlegroups.com.
