Here is an Image Picker macro
\define
edit-fields-image-picker(actions,filter:"[all[shadows+tiddlers]is[image]]
[all[shadows+tiddlers]tag[$:/tags/Image]] -[type[application/pdf]]
+[!has[draft.of]sort[title]]",subfilter:"")
<div class="tc-image-chooser">
<$vars state-system=<<qualify "$:/state/editFields-image-picker">>>
<$checkbox tiddler=<<state-system>> field="text" checked="show"
unchecked="hide" default="hide"> Select Image</$checkbox>
<$reveal state=<<state-system>> type="nomatch" text="hide" default="hide"
tag="div"><$macrocall $name="image-picker-list" filter="""$filter$"""
actions="""$actions$"""/></$reveal>
</$vars>
</div>
\end
<$macrocall $name='edit-fields-image-picker' actions="<$action-setfield
$field='icon' $value=<<imageTitle>>/>"/>
Regards
Tony
On Tuesday, January 29, 2019 at 8:24:39 PM UTC+11, S. S. wrote:
>
> 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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
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/a462076a-059b-4ad5-a826-4e11d8f30b05%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
