Mohammad, thanks! I had forgotten about that.
This is definitely one possibility.
<div class="dynamic-table">
<$list filter="[all[shadows]tag[$:/tags/Image]]">
<$set name="image" value=<<currentTiddler>>>
<$list filter="[<image>removeprefix[$:/core/images/]]">
<span class="doc-button item">
<$transclude tiddler=<<image>>/><br><<currentTiddler>>
</span>
</$list>
</$set>
</$list>
</div>
And a $:/tags/Stylesheet tagged tiddler:
<style>
.dynamic-table {
max-width:80%; /* could transclude tiddler width instead */
-ms-box-orient: vertical; /* might be unnecessary */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: inline-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
}
.item {
max-width:210px; min-width:210px; /* adjust this to give space to longer
worded items */
flex: 0 0 2em; /* -grow, -shrink, -basis */
}
</style>
Looks quite nice - but sure still takes up a lot of room. Perhaps one
solution is to make the "suffix of the tiddler title" into a tooltip, and
make the image link into a "copy that tooltip to clipboard"
That way only the images need to be listed. If this is the way chosen, I
would still appreciate help for this.
On Tuesday, January 29, 2019 at 2:50:56 PM UTC+7, Mohammad wrote:
>
> Hi S.S,
> Have you seen this
>
> https://tiddlywiki.com/#Formatting%20List%20Results%20as%20Tables%20with%20CSS%20-%20Variable%20Column%20Method
>
>
> --Mohammad
>
--
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 post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/7be85f43-4b84-40c5-a6e4-c73c8073000e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
