[tw5] Re: List unknown number of items in a Table - Known number of columns - Unknown number of rows
Just for those who like alternatives: Here's what I use to list all my icons
(copy to clipboard is missing here).
I usually click an image to open it and copy the title from there.
Put this in a tiddler:
System images (ie, tiddlers tagged [[$:/tags/Image]]):
.my-gallery svg {
width: 1.5em;
height: 1.5em;
margin: 1em;
}
<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]sort[]]">
<$link tooltip="{{!!title}}">
<$transclude/>
Cheers,
Thomas
--
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/7749ccb9-7723-41c5-8b30-871b5e17ea63%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: List unknown number of items in a Table - Known number of columns - Unknown number of rows
Good job S.S.
Cheers
Mohammad
On Tuesday, January 29, 2019 at 7:10:07 PM UTC+3:30, S. S. wrote:
>
>
> The button size solution was so obvious I almost laughed when I realized
> the reason.
>
> There's no use changing the svg image size - it's the that needs
> the styling!
>
> Here is what I finally have:
>
> In the display tiddler:
> \define link-to-clipboard(parameter) <<.button-images $(currentTiddler)$>>
>
>
> <$list filter="[all[shadows]tag[$:/tags/Image]]">
> <$set name="image" value=<>>
> <$list filter="[removeprefix[$:/core/images/]]">
> <$button message="tm-copy-to-clipboard" param=<>
> tooltip=<> class="tc-btn-invisible">
> <$transclude tiddler=<>/>
>
>
>
>
>
>
> In a *$:/tags/Stylesheet* tagged tiddler:
>
> .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 */
> }
>
> .doc-buttons button {
> font-size: 1.3em;
> padding: 0.3em 0.3em;
> }
>
>
> Looks like this:
>
>
> Cursor over the image shows the title-suffix as a tooltip - ex: *warning*
> Clicking the button puts the text needed into the clipboard, in the form:
> *<<.button-images
> warning>>*
> Now I am almost satisfied. I am wondering if there is a way to change what
> the button copies to the clipboard if I were to CTRL-click or SHIFT-click
> the button!
>
> Thanks for all the help!
>
>
--
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/17122292-99e0-41d5-b2be-ba50f899bfd8%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: List unknown number of items in a Table - Known number of columns - Unknown number of rows
Hi S. S. One small thing: You don't need ` ... ` in a stylesheet (tiddler tagged with $:/tags/Stylesheet). You need ` ... ` if you embed style e.g. in your image display tiddler. Cheers, Ton -- 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/0b485a94-eb2e-4c78-8cbd-4d76eae69bf1%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[tw5] Re: List unknown number of items in a Table - Known number of columns - Unknown number of rows
The button size solution was so obvious I almost laughed when I realized
the reason.
There's no use changing the svg image size - it's the that needs
the styling!
Here is what I finally have:
In the display tiddler:
\define link-to-clipboard(parameter) <<.button-images $(currentTiddler)$>>
<$list filter="[all[shadows]tag[$:/tags/Image]]">
<$set name="image" value=<>>
<$list filter="[removeprefix[$:/core/images/]]">
<$button message="tm-copy-to-clipboard" param=<> tooltip
=<> class="tc-btn-invisible">
<$transclude tiddler=<>/>
In a *$:/tags/Stylesheet* tagged tiddler:
.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 */
}
.doc-buttons button {
font-size: 1.3em;
padding: 0.3em 0.3em;
}
Looks like this:
Cursor over the image shows the title-suffix as a tooltip - ex: *warning*
Clicking the button puts the text needed into the clipboard, in the form:
*<<.button-images
warning>>*
Now I am almost satisfied. I was wondering if there was a way to change
what the button copies to the clipboard if Iwere to CTRL-click or
SHIFT-click the button!
Thanks for all the help!
--
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/1ff7c434-8a0f-4f0f-84ad-4bea4b74e313%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: List unknown number of items in a Table - Known number of columns - Unknown number of rows
I am no expert but you need to set either or both hight="55px" and width= in svg. I believe you can wrap an svg with another svg tag Image Tony -- 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/42fbb609-5b68-4aee-8c83-6d04577434a9%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[tw5] Re: List unknown number of items in a Table - Known number of columns - Unknown number of rows
Thanks Tony & Mohammad!
I think I am almost there. The below works quite well.
<$list filter="[all[shadows]tag[$:/tags/Image]]">
<$set name="image" value=<>>
<$list filter="[removeprefix[$:/core/images/]]">
<$button message="tm-copy-to-clipboard" param=<>tooltip=<
> class="tc-btn-invisible" >
<$transclude tiddler=<>/>
But I cannot get the buttons to be bigger even by using a style:
.doc-images-large svg { height: 2em; vertical-align: text-bottom; }
Any ideas on how I might make the buttons bigger?
On Tuesday, January 29, 2019 at 5:18:52 PM UTC+7, TonyM wrote:
>
> Here is an Image Picker macro
>
>
> Regards
> Tony
>
>
>
>
--
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/729f254d-3c14-48f0-b165-115b6a0596d7%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: List unknown number of items in a Table - Known number of columns - Unknown number of rows
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:"")
<$vars state-system=<>>
<$checkbox tiddler=<> field="text" checked="show"
unchecked="hide" default="hide"> Select Image
<$reveal state=<> type="nomatch" text="hide" default="hide"
tag="div"><$macrocall $name="image-picker-list" filter="""$filter$"""
actions="""$actions$"""/>
\end
<$macrocall $name='edit-fields-image-picker' actions="<$action-setfield
$field='icon' $value=<>/>"/>
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.
>
>
> <$list filter="[all[shadows]tag[$:/tags/Image]]">
> <$set name="image" value=<>>
> <$list filter="[removeprefix[$:/core/images/]]">
>
> <$transclude tiddler=<>/><>
>
>
>
>
>
>
> And a $:/tags/Stylesheet tagged tiddler:
>
>
> .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 */
> }
>
>
> 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.
[tw5] Re: List unknown number of items in a Table - Known number of columns - Unknown number of rows
Mohammad, thanks! I had forgotten about that.
This is definitely one possibility.
<$list filter="[all[shadows]tag[$:/tags/Image]]">
<$set name="image" value=<>>
<$list filter="[removeprefix[$:/core/images/]]">
<$transclude tiddler=<>/><>
And a $:/tags/Stylesheet tagged tiddler:
.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 */
}
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/7be85f43-4b84-40c5-a6e4-c73c8073000e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: List unknown number of items in a Table - Known number of columns - Unknown number of rows
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/40c58544-273e-4c7f-b220-74f8792e7654%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
