This article explains how to locate the list of available CSS classes.
Locating Available CSS Classes
The Form Designer does not offer an automatically generated, customer-facing list of all available CSS classes. However, the system references specific Cascading Style Sheets (CSS) files based on the form's layout type.
To find the full list of available class names, you must directly inspect the relevant CSS file used by your form layout.
i. CSS File Location by Form Layout
The specific CSS file the system reads is determined by the form's layout, which is set in the Form Designer Control Properties:
| Form Layout Type | CSS File Location | Notes |
|---|---|---|
| Fixed Layout (Legacy) | /content/themes/site.css | Used for older, table-based form layouts. |
| Table Layout (Legacy) | /content/themes/site.css | Used for older, table-based form layouts. |
| Other Layouts (Current UI, Div) | /content/themes/form-designer-bootstrap.css | Used for modern, responsive, and Current UI forms. |
ii. Designer Control Reference
The path to the CSS file is defined by the dropdown list on the "Form Designer Control Properties 2" form, which uses the following logic to select the correct file:
{?dyn_table_layout_flag>1?/content/themes/form-designer-bootstrap.css?/content/themes/site.css}
- If the layout flag (dyn_table_layout_flag) is greater than 1 (indicating a modern layout like Current UI), the system uses form-designer-bootstrap.css.
- Otherwise, it defaults to the legacy site.css file.
Note: Access to these underlying CSS files requires access to the application's root file structure or administrative tools.