Theme(s) Documentation

Theme(s) Documentation

Use to documentation below to configure form themes

Form and Table components, as well as flow components such as the Flow (Header) component can be styled with custom styles configured within the Themes tab. The themes tab is accessible within both the Form and Table builder interfaces. Your organization can have multiple configured themes. Note: the themes tab contains all themes within your organization, themes are not component dependent. Updating a theme and saving will update all components that are assigned the updated theme.

A theme is assigned to Form Component within the Form Settings tab. Changing the Form Theme selector will assign the selected theme as the components default. Form Sections can override the default form theme by changing the “Overrider Section Theme” selector within the Section Styling accordion. Setting the override to “Default” will style the section with the theme defined within Form Settings.

Theme Configuration

• Theme Name: assign a name for the theme. This value will be visible within all selectors that allow themes to be assigned or overridden.
• Theme Description: assign more details for your theme. This value will also be visible within all selectors that allow themes to be assigned or overridden.
• Form Background Color: assign a background color for the form component.
• Form Background Image: assign a background image for the form component. Note: see Form (Image) documentation for details on how to configure image files for form builder components.
• Section Background Color: assign a background color for the form section.
• Form Background Image: assign a background image for the form section. Note: see Form (Image) documentation for details on how to configure image files for form builder components.
• Heading Background Color: assign a background color for visible headers.
• Heading Font Color: assign a font color for titles and subtitles within visible headers.
• Heading Icon Color: assign a color for the selected icon within visible headers.
• Border Color: assign a border color for visible headers. This color is also used for accordion bottom borders.
• Border Size: assign a border size value in pixels. Note: when set to “0.00” the Bottom border size for visible headers will be set to 4px. Top, Left and Right borders will be unset.
• Accordion Background Color: assign a background color for accordions. Note: sections and form components can be wrapped within an accordion button. This background color applies to the drop-down button portion of the accordion.
• Accordion Font Color: assign a font color for accordions. Note: this font color applies to the drop-down button portion of the accordion.
• Prompt Background Color: prompts can be configured for input fields or form sections. When a prompt is visible this value determines the background color for the visible prompts.
• Prompt Font Color: assign a font color for visible prompts. Note: this value does not override the text color assigned when a custom prompt message rich text message is configured.