TextAreaItem and setTextBoxStyle

[davis125]

* SmartClient Version: v8.3p_2012-11-26/Pro Deployment (built 2012-11-26)
* FireFox 10.0.2
* windows 7

I am trying to put in some UI functionality to allow a user to click a button to increase and/or decrease the font in an editale text box (TextAreaItem). I am using a series of CSS classes (below) and method setTextBoxStyle("cssclass").

The new font size seems to show when drawn, but when you click into the text box the fonts reverts back to some default. I was wondering if there is a way to keep the font size at the increased or decreased size while the user edits?

CCS snippet:

.fontSize11 {
font-size:11px;
}

.fontSize12 {
font-size:12px;
}

.fontSize13 {
font-size:13px;
}

TextAreaItem:

TextAreaItem aTextAreaItem = new TextAreaItem();
aTextAreaItem.setShowTitle(false);
aTextAreaItem.setColSpan(1);
aTextAreaItem.setHeight("*");
aTextAreaItem.setWidth("*");
aTextAreaItem.setLength(20000);
aTextAreaItem.setTextBoxStyle("fontSize16");
aTextAreaItem.setBrowserSpellCheck(browserSpellCheck);
aTextAreaItem.setSaveOnEnter(true);
aTextAreaItem.setShowFocused(true);
aTextAreaItem.setCanEdit(false);
aTextAreaItem.setCanFocus(true);


thanks...

[Isomorphic]

See FormItemBaseStyle. textBoxStyle is a stateful style has different suffixes appended as the control goes into different states (such as Focused or Disabled).