Form Universal Theme Properties

You can define a form theme by associating form elements with backgrounds, borders, text colors, fonts and association override colors.

This topic describes form theme properties for a universal theme. If you are working with a classic theme, use this link to open the previous version of Form Theme Properties.

The associations listed are predefined, any custom associations that you may have added are not listed. Properties that are not edited or applied retain their default state in your theme.

In the Theme Editor apply the following color associations, fonts and state overrides as required.

Form Color Associations

Color associations are used to apply a color property to elements in your form. They are added to, or moved between, color swatches in the Theme Editor Palette Colors section to apply them. See Working with Theme Editor Palette Colors.

  • Backgrounds: Add or drag the background association to the required background color.

    • Banner Background.
    • Control Background.
    • Ellipse Background.
    • Form Background.
    • Primary Button Background.
    • Rectangle Background.
    • Secondary Button Background.
  • Labels: Add or drag the label associations to the required label text color.

    • Control Label.
    • Link Label.
    • Ellipse Label.
  • Borders: Add or drag the border associations to the required border color.
    • Banner Border.
    • Control Border.
    • Ellipse Border.
    • Line Border.
    • Primary Button Border.
    • Rectangle Border.
    • Secondary Button Border.
  • Text: Add or drag the text associations to the required text color.
    • Banner Text.
    • Control Text.
    • Page Validation Error Text.
    • Primary Button Text.
    • Secondary Button Text.

Form Font Properties

The font controls listed below are the defaults presented when you create a theme. The font typeface and attributes defined in each font control are applied to the text associations defined in the Theme Editor palette colors (example: Banner Text, Control Text, etc).

A font control typeface can be applied globally to your form's text associations by selecting Theme Font in the font control. The theme typeface is set in the Theme Font drop-down list.

To apply a different typeface to a font control, select it in the font control typeface drop-down list. See Working with Theme Editor Fonts

  • Fonts:
    • Banner.
    • Label.
    • Control.
    • Paragraph.
    • Primary Button.
    • Secondary Button
    • Link Label

Form State Overrides

The color properties associated to your theme elements are overridden by the colors you configure in a State Override when the element changes state. There are three color properties in a state override. See Working with Theme Editor State Override

  • Text.
  • Border.
  • Background.