How to dynamicly bold an item

[Peter_Chea]

Hi, can I change the fontstyle during run time. I like to bold the selected checkboxes but was unable to do so.
<canvas debug="true">
<simplelayout axis="y"/>
<checkbox id="check1" text="test 1" fontstyle="plain">
<method event="onvalue">
<![CDATA[
if(this.value)
{
debug.write("set to bold");
this.setAttribute("fontstyle", "bold");
}
else
{
debug.write("set to plain");
this.setAttribute("fontstyle", "plain");
}
]]>
</method>
</checkbox>
<checkbox id="check2" text="test 2" fontstyle="bold">
</checkbox>
</canvas>

[antun]

You can't set the fontstyle attribute, but you can set the text, and in the text, include the bold tag:


check1.subviews[1].setText( '<b>foo</b>' )


Remember to escape the <s and >s.

-Antun

[Peter_Chea]

<canvas debug="true">
<simplelayout axis="y"/>
<text>
<method event="oninit">
this.setText("&lt;b&gt;bold&lt;/b&gt;");
</method>
</text>
<text>
<method event="oninit">
this.setText("&lt;u&gt;underline&lt;/u&gt;");
</method>
</text>
</canvas>

[antun]

Try escaping the entire method with <![CDATA[ ]]> tags, and using unescaped less-than and greater-than signs.

-Antun

[Peter_Chea]

try it already. Same result; The text doesn't show up. This is most likely a bug.

[whisperstorm]

you could use a variation of the drop shadow code that Antun created to make a derivation of the text widget which would have 2 layers - one with normal text, one with bold text. Then you could via js swap the normal text version with the bold version -- hiding / showing views.

[Peter_Chea]

thanks, I was trying to find an clean way to bold an selected checkbox. Looks like I have no choice but make change to the checkbox code itself.

[DanKirkd]

What is the status on dynamically changing font styles in 3.0? This seems like a ridiculous limitation. Can someone indicate if this will ever be addressed?

Thanks,

Dan

[DanMurphy]

I got this to work

footext.setAttribute('fontstyle','bold')