Copyright © TIBCO Software Inc. All Rights Reserved
Copyright © TIBCO Software Inc. All Rights Reserved


Chapter 7 Reference : CSS Classes

CSS Classes
TIBCO Business Studio Forms supports the use of Cascading Style Sheets (CSS) for customizing how form is rendered. This approach provides more flexibility and opportunities for reuse of style information than manually setting properties at the form model level.
This section lists the built-in CSS classes you can use. For general information on how to use CSS in TIBCO Business Studio Forms, see Styling Forms Using Cascading Style Sheets.
Built-in Static CSS Classes
When a form is rendered, there are a set of built-in CSS classes that are used at the Form, Pane, and Control level. You can use these CSS classes in defining custom rendering for these types of objects. The classes shown in this table are always rendered in the HTML DOM.
Applied at a node within a component. Contains the label for the control or pane.
Applied at a node within a component. Contains the content of the control or pane.
Applied on the specific element used for the control, such as an <input> element for text controls. This is a descendent of the node that contains the container class.
Applied at the same node as the component class for text controls.
Applied at the same node as the component class for textarea controls.
Applied at the same node as the component class for date controls.
Applied at the same node as the component class for time controls.
Applied at the same node as the component class for datetime controls.
Applied at the same node as the component class for checkbox controls.
Applied at the same node as the component class for optionlist controls.
Applied at the same node as the component class for radiogroup controls.
Applied at the same node as the component class for image controls.
Applied at the same node as the component class for label controls.
Applied at the same node as the component class for hyperlink controls.
Applied at the same node as the component class for duration controls.
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.
Custom classes defined in the form designer or set dynamically via the setClass() API are added at the same level as the component class.

Copyright © TIBCO Software Inc. All Rights Reserved
Copyright © TIBCO Software Inc. All Rights Reserved