I am not sure how much this is going to be useful, but when answering a 
question in another thread I had a reason to finally use the 
display:inline-flex option in css. Someone else has probably pointed this 
out before, but it plays well with list widgets. I think it has a lot of 
potential for tiddlywiki, particularly for creating dynamic lists that 
aren't purely text, like image thumbnails.

Put this in a tiddler on tiddlywiki.com to see one thing you can do, it 
shows all the core images and below that it shows the tags and the list 
will rearrange itself if you change the tiddler width so that it tries to 
take up the full width.

<div style='text-align:center'>
<$list filter='[all[shadows]prefix[$:/core/images/]]'>
<div style='display:inline-flex;text-align:center;border:solid 1px 
lightgrey;background-color:lightyellow;'>
<$link to=<<currentTiddler>>><$transclude/><br><$list 
filter='[<currentTiddler>removeprefix[$:/core/images/]]'><$view 
field='title'/></$list></$link>
<br>
</div>
</$list>
</div>

<div style='text-align:center'>
<$list filter='[all[]tags[]]'>
<div style='display:inline-flex;'>
<<tag>>
</div>
</$list>
</div>


I have tested this in firefox and safari and it hasn't given me any 
trouble, I don't know if there are any problems on chrome.

-- 
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/f0ac5dc0-90b9-4a20-89a0-7acc3d6aa010%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to