Configure color picker

The color picker configures a field to capture and display a color value. It provides a selectable value help for choosing colors and visually represents the selected color with an indicator, while optionally restricting or hiding direct text input.

Business use cases

Color picker fields support visual classification and consistent color assignment. Key scenarios include:

  • Visual categorization: Assign colors to statuses, categories, or labels.

  • Controlled selection: Limit color values to those selected through the value help.

  • Cleaner presentation: Hide raw color values while retaining a visual indicator.

Procedure

  1. In the Application tree, select the field that should capture a color value.

  2. In the Settings/properties pane, set the field type to ColorPicker.

  3. Use the value help to choose a color from the color picker.

    Result: When a color value is set, a color indicator icon is displayed for the field. If no color value is present, the color indicator remains hidden.

  4. (Optional) Select Value Help Only to prevent users from entering values manually.

  5. (Optional) Select Hide Input Field if the color value should not be shown as text.

    Result: The input field is hidden. The selected color remains visible through the color indicator when a value exists.

    Hide Input Field is available in the adaptive list template.
  6. In the Shell bar, select Save.

  7. In the Preview pane, confirm that selecting a color display the corresponding color indicator, that the indicator is hidden when no value is set, and that the optional restrictions on input and visibility behave as expected.

Result

  • You have configured a field to select and display a color value with optional input restriction and visual indication.