how to show the list macro result with icon ?

[imleg...@gmail.com]

Here is the filter I use

<$list filter="[prefix[Excel]tag[kp]]">

   <h2><$link /></h2>

</$list>

Some of the tiddlers selected with icon field set.  So the tiddler itself with a icon 

ahead.  Like the image shown. I want the icon shown in the list result how to make it? 

[PMario]

Hi

Try

<$list filter="[prefix[Excel]tag[kp]]">

   <h2><$transclude tiddler={{!!icon}}/> <$link /></h2>

</$list>

You'll need to adjust some CSS settings, but it should do what you want.

-mario

[Eric Shulman]

The icon field should contain the name of an image tiddler.  To show this image, use the $transclude widget, like this:

<$list filter="[prefix[Excel]tag[kp]]">

   <h2><$transclude tiddler={{!!icon}}/><$link /></h2>
</$list>

Note: if you want the image to be included in the link, then write it this way:

<$list filter="[prefix[Excel]tag[kp]]">

   <h2><$link><$transclude tiddler={{!!icon}}/><$text text={{!!title}}/></$link></h2>
</$list>

enjoy,

-e

[imleg...@gmail.com]

How to set the size of the image ahead, some of them is large

And by the way where can I found the manual about "!!title" or "!!icon" things? 

[imleg...@gmail.com]

[Eric Shulman]

On Thursday, September 24, 2020 at 6:55:43 PM UTC-7, imleg...@gmail.com wrote:

How to set the size of the image ahead, some of them is large

Assuming you are using this code to produce your list:

<$list filter="[prefix[Excel]tag[kp]]">
   <h2><$link><$transclude tiddler={{!!icon}}/><$text text={{!!title}}/></$link></h2>
</$list>

Then, create a stylesheet tiddler (e.g., "MyStyles"), tagged with $:/tags/Stylesheet, containing:

h2 img, h2 svg { height:1em; width:1em; }

This will force all images (including SVG images) that are contained within an "h2" heading to be automatically resized to the same height as the text.

 

And by the way where can I found the manual about "!!title" or "!!icon" things? 

Start with this tiddler:

https://tiddlywiki.com/#Transclusion%20in%20WikiText

then follow the links at the bottom of that tiddler for more info.

enjoy,

-e

[imleg...@gmail.com]

Thank you man, really helps a lot. : )