Select a Form Background Color

Use the Form Editor (accessed from within a Blueprint in CSM Administrator) to select a background color for the Form. Colors can come from:

  • (Recommended) CSM Themes: All colors defined for the selected CSM Theme.
  • System:

    Set of colors provided by your Operating System. System colors can greatly vary depending on the Operating System and browser used to view the color.

  • Web:

    Set of named Web-safe colors.

  • RGB colors:

    Customized Red, Green, Blue (RGB) colors.

Good to know:

  • If you are using Form Themes, use a Theme color for the Form background (ex: Form background color). You can select a system, Web, or RGB color; however, if you use a non-Theme color, the background will not change to another Theme color when you apply a different Theme.
  • Theme colors are defined as part of a Theme's definition. Use the Theme Manager to create a Theme.
  • Colors can be solid or can contain gradients.
  • Colors can be conditional (Expression-driven): For example, define an Expression to conditionally change the background color of a Form to red to indicate a surpassed threshold (ex: High priority).

To select a Form background color:

  1. Open a Form in the Form Editor.
  2. On the Form Editor toolbar, click the drop-down arrow on the Background Color button Background Color Button.
  3. Select a color pattern, either:
    • Solid color: Uses one color (First Color) for the background. Click one color in the list.
    • Gradient (left-to-right or top-to-bottom, two (2) or three (3) colors): Uses a gradient between two or three colors (First Color, Second Color, Third Color). Click two/three colors in the list, and then click Select.
  4. Select a background color, either:
    • Use Expression: Select this check box to use an Expression to conditionally change the color, and then select or define the condition, using either:
      • Custom Expression: Click the Custom Expression buttonExpression Button to open the Custom Expression Builder, and then create a custom Expression specifically for this scenario.
      • Stored Expression: Click the Ellipses button Ellipses Button to open the Expression Manager, and then select an existing stored Expression or create a new stored Expression. Stored Expressions can be reused in numerous places in CSM.
    • Color category:
      • (Recommended) Theme:

        All colors defined for the selected CSM Theme.

      • System:

        Set of colors provided by your Operating System. System colors can greatly vary depending on the Operating System and browser used to view the color.

      • Web:

        Set of named Web-safe colors.

      • Custom:

        Customized Red, Green, Blue (RGB) colors.

  5. Publish the Blueprint (File>Publish Blueprint) to commit the changes, or save the Blueprint (File>Save Blueprint) to continue making other changes.