Skip to main content

Display Settings

Display settings control how components appear and behave in the form. These settings allow you to customize the visual presentation and interaction options for each component.

Common Display Settings​

  • Hidden: Makes the field invisible but still part of the form data
  • Disabled: Makes the field visible but not editable
  • Multiple Values: Allows multiple selections (for select fields)
  • Prefix/Suffix: Text or icons displayed before/after the field
  • Custom CSS Class: Apply custom styling to the component

Hidden​

The Hidden setting makes a component invisible to users while still including it in the form data. Hidden fields are useful for:

  • Storing system-generated values
  • Maintaining state between form pages
  • Passing data to workflows
  • Storing calculated values

Hidden fields are processed like any other field when the form is submitted.

Disabled​

The Disabled setting makes a component visible but not editable. Disabled fields are useful for:

  • Displaying read-only information
  • Showing calculated values
  • Indicating values that cannot be changed
  • Temporarily restricting access to certain fields

Disabled fields are included in form submissions with their current value.

Multiple Values​

For components that support selection (like Select, Checkbox, and Radio), the Multiple Values setting allows users to select more than one option. When enabled:

  • Users can select multiple items from a list
  • The data is stored as an array
  • You can set a minimum and maximum number of selections

Prefix/Suffix​

The Prefix and Suffix settings allow you to display text or icons before or after the input field:

  • Prefix: Appears before the field (e.g., currency symbol, unit indicator)
  • Suffix: Appears after the field (e.g., unit of measurement, percentage sign)

These can provide context and clarity about the expected input format.

Custom CSS Class​

The Custom CSS Class setting allows you to apply custom styling to the component by specifying one or more CSS class names. This enables you to:

  • Match your organization's branding
  • Highlight certain fields
  • Create custom layouts
  • Apply special visual effects

Custom CSS classes must be defined in your theme's stylesheet or in the form's custom CSS.