Folks;
In new google groups I cannot see how top edit the original post, nor set
code highlighting.
I have solved this Original Thread (OT) issue for now, but would still
appreciate any other ideas;
Basically I use wikify to construct the whole value for the style attribute.
<$wikify name=style text="""fill: {{!!color}};""">
<$button tooltip=<<tooltip>> class="tc-btn-invisible">
<span style=<<style>> ><$transclude tiddler=<<icon>>/></span>
</$button>
</$wikify>
I have added this as a note below my public reference ❷ Widget and HTML
attributes or parameters
<https://anthonymuscio.github.io/#%E2%9D%B7%20Widget%20and%20HTML%20attributes%20or%20parameters>
*Going forward*
- I continue to work on a macro to display icon here for the current
tiddler (with color and other attributes)
- I am now looking how to improve the color field and add another
icon-background with similar properties
- I also want to enable color values to be pasted, viewed and copied.
Regards
Tones
On Monday, 16 November 2020 at 12:04:12 UTC+11 TW Tones wrote:
> Folks,
>
> For some reason I always forget how to add color to an icon used in a
> button? It is just not intuitive!
>
> - I do not want to modify the SVG icon
> - I understand you can use CSS to provide the fill parameter.
> - I want to color an icon inside a the $button widget. In this case
> inline rather than block
>
> Question
>
> - Can anyone share one or more methods by which to achieve this?
>
> I will share back a macro to display the current tiddlers icon in the icon
> field with the color in the color field.
>
> Thanks in advance
> Tones
>
--
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 view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/54eddcd7-dc63-4653-9aca-79db832def70n%40googlegroups.com.
