Color Picker
  • 29 Jun 2021
  • 1 Minute to read
  • Dark
    Light
  This documentation version is deprecated, please click here for the latest version.

Color Picker

  • Dark
    Light

Overview

The Color Picker is a Form Control that allows users to be able to select a color and output its hex code equivalent. Users can also pass in the hex code as a string input. The Color Picker will display that color when the Form is run. This Form control can be beneficial for designing colors for a process or using Decisions to write CSS classes with certain color configurations.

Example

  1. Create a Flow and add a Show Form step.
  2. In the Form Designer, from the Form Controls > Data section or from the search bar, drag a Color Picker component to the workspace.
  3. Name the Color Picker and add a Button to prevent validation issues.
  4. In the Properties panel > View section, there are options to change the way the Color Picker appears.
  5. Save and close the Form.
    Color Picker Settings
    Show Pick Icon Removes the pencil icon from the Color Picker
    Show Right ButtonsRemoves the 'ellipses' and 'x's' from the Color Picker
    Show TextboxRemoves the textbox interface from the Color Picker

Debug

  1.  In the Flow Designer, click the Debug button from the top action panel.
  2.  As the Debugger runs, the Form displays the Color Picker, pick a color, and click OK. The hex code of the color selection will be available to use throughout the Flow.

Was this article helpful?

What's Next