Sep 07, 2012, 7:06 AM
'icon-exclamation' not loaded
Hi,
I display a FormPanel in an ASCX, and at the end of the FormPanel I use the following ValidityChange Listener:
Digging this down with firebug, it looks like the CSS class 'icon-exclamation' is not loaded. I figured out, that the CSS class 'icon-accept' was loaded, because I have a button in the form, which use the accept icon.
As a test I added a hidden button wich uses the exclamation icon. This results in the fact, that the CSS class 'icon-exclamation' gets loaded and the form validator is shown correctly with the 'icon-exclamation'
How can I get the CSS class 'icon-exclamation' loaded without adding a hidden button with the 'exclamation' icon?
Gerald
I display a FormPanel in an ASCX, and at the end of the FormPanel I use the following ValidityChange Listener:
<Listeners>
<ValidityChange Handler="this.dockedItems.get(1).setStatus({
text : valid ? 'Form is valid' : 'Form is invalid',
iconCls: valid ? 'icon-accept' : 'icon-exclamation'
});
#{btnSave}.setDisabled(!valid);" />
</Listeners>
now when the form is invalid, the 'icon-exclamation' is not displayed, while, when the form is valid, then the 'icon-accept' is shown correctly. Digging this down with firebug, it looks like the CSS class 'icon-exclamation' is not loaded. I figured out, that the CSS class 'icon-accept' was loaded, because I have a button in the form, which use the accept icon.
As a test I added a hidden button wich uses the exclamation icon. This results in the fact, that the CSS class 'icon-exclamation' gets loaded and the form validator is shown correctly with the 'icon-exclamation'
How can I get the CSS class 'icon-exclamation' loaded without adding a hidden button with the 'exclamation' icon?
Gerald