The CSS Class tab allows you to use custom classes in JavaScript or as a style in a custom style sheet and apply it to the current view or selected control, or it allows you to apply a system style to the current view or selected control.
To apply a system style:
The order in which you arrange custom class affects the ultimate outcome in your view. When multiple classes affect the same part of the view, the last custom class that is listed in this tab will be used. You can use the up and down button to move the selected custom class to the appropriate position in the list.
If a style is specified in the Styles tab that affects the same property that is affected by a custom class in the CSS Style tab, the Styles tab will override the CSS Style tab.
You can delete a custom class from the list by selecting it and clicking the red x button.
When configuring Heading Sections, you can add or remove the collapsible feature by adding or removing CSS classes.
If you want a Header Class to be collapsible, the following custom CSS Class must be added for the header table within the section: hsi_wv_headered_container_collapse
If you want the Header Class to be collapsed by default, in addition to the above CSS Class, the following CSS Class must be added for the header table within the section: hsi_wv_headered_container_collapse_collapsed