Built-in Dynamic CSS Classes

A set of CSS classes are used to define when controls and panes are in certain states such as required and disabled. All of these classes are added to the same level as the component class when needed.

Built-in Dynamic CSS Classes
CSS Class Description
required Added when the control is required.
disabled Added when the control or pane is disabled.
invalid Added when the control has failed validation.
tf-form-loaded Added to the iframe element when the form is loaded in an iframe, and indicates that a form is currently displayed in the iframe. The class selector tf-form-not-loaded is removed from the iframe element.
tf-form-not-loaded Added to the iframe element if an iframe is used to load the form, but currently the form is not displayed in the iframe. The class selector tf-form-loaded is removed from the iframe element.
[custom] Custom classes defined in the form designer or set dynamically via the setClass() API are added at the same level as the component class.