CSS Wikitext in macro issue

[David Allen]

\define color_picker(label,field)
<tr>
<td>
$label$
</td>
<td>
<$edit-text field="$field$" type="number" class="custom_select"/>
</td>
<td style="background-color: rgb(0,0,0);">
<div style="background-color: rgb({{!!$field$}}, {{!!$field$}}, {{!!$field$}});text-align: center;">{{!!$field$}}
</div>
</td>
</tr>
\end

I've finally discovered wikifying CSS, and I think I love it.  I'm trying to make a tiddler that contains some CSS controlling forms and the code above is one of the macros I use.  I'm trying to get a segment of the table to turn the same color (grayscale) as the value in the $field$ parameter.  For some reason, it is not working as I have it typed out here, but it looks (to me) like it should.

Does anyone know if I'm doing something wrong, or a better method of doing so?

[A Gloom]

the field value transclusion may need a template to apply styling if I'm understanding correctly

have you tried wikitext styling markup?

Eric summed it up well here-- https://groups.google.com/d/msg/tiddlywiki/NDASkeP2oMA/Bfr9tID2AwAJ

[A Gloom]

the field value transclusion may need a template to apply styling if I'm understanding correctly

https://tiddlywiki.com/#Transclusion%20with%20Templates

[David Allen]

I did and it didn't work

[David Allen]

Found something that works and lets me use multiple such instances of this macro:

\define color_picker(label,field)

<tr>

<td>

$label$

</td>

<td>

<$edit-text field="$field$" type="number" class="custom_select"/>

</td>

<td>

<style>.style_$field$ {    background-color: rgb({{!!$field$}}, {{!!$field$}}, {{!!$field$}}); padding: 10px;}</style>

<div class="style_$field$"></div>

</td>

</tr>

\end

[A Gloom]

Found something that works and lets me use multiple such instances of this macro

Nice! *poclets code* >> << : D

[Eric Shulman]

On Saturday, December 21, 2019 at 5:06:58 PM UTC-8, David Allen wrote:

\define color_picker(label,field)
<tr>
<td>
$label$
</td>
<td>
<$edit-text field="$field$" type="number" class="custom_select"/>
</td>
<td style="background-color: rgb(0,0,0);">
<div style="background-color: rgb({{!!$field$}}, {{!!$field$}}, {{!!$field$}});text-align: center;">{{!!$field$}}
</div>
</td>
</tr>
\end

Wikification does not occur *inside* parameters.  To achieve the results you want, you want to use a macro to construct the entire style="..." attribute value, like this:

\define colorstyle()  background-color: rgb({{!!$field$}}, {{!!$field$}}, {{!!$field$}});text-align: center;

and then, in your output macro, write:

<div style=<<colorstyle>> >{{!!$field$}} </div>

That should work.  Let me know how it goes.

enjoy,

-e