Color Pickers

Overview

Color Pickers allow end users to select the color for an element. Depending on the configuration, the users can choose from a predefined set of color swatch palettes or from a dynamic color picker.

Creating a Color Picker Question

To create a Color Picker Question:

  1. In the top-left corner, select +.

  2. In the Questions section, select Color Picker. The new Color Picker Question is displayed in the Questions pane. The question properties are displayed in the Properties pane on the right-hand side of the page.

  3. In the Properties pane, set the question properties.

Linking elements with Color Pickers

To allow the end users to change the color of an element using a Color Picker Question, use the Quick logic option to link the elements with the question.

  • From the Quick Logic list, select the elements you want to link with the Color Picker Question.

When an end user selects a color from this Color Picker Question, the linked elements are updated.

Color Picker Question properties

PropertyDescription
MandatoryIf selected, the end user must complete the question. * appears below the question field to indicate it is mandatory.
Apply to all itemsSee Section 9.5.
Show Color PickerIf selected, the end user can edit the color of an element using a color picker in the question pane.
The paint bucket icon will be shown which allows the end user to select any color.
Colors Section:To define specific colors that are to be available to the end user, select the +.
+An entry is added, which appears in the Color Picker Question.
You can update these color entries:
To change the order of the colors,select![]/media/image206.png)
To change the color value, use the text field or the color preview.
To delete a color, select ![]/media/image208.png)