Color picker form element

    Use the Color picker form element to add a Color picker and color palette to your Component form. For more information, see Create an editable component.

    Always use the Color picker when making a color within your layout an editable field within your Component form. You cannot use a simple text input and ask editors to fill in a Hex value. The color selection within styles requires the color object provided by the color picker.

    Locating the color picker form element

    To find the Color picker form element:

    1. Navigate to a component
    2. Click the + button on the Component form builder
    3. Within the Fields tab, look for the Color picker form element.


    The Color picker element includes the following fields:

    Title field

    • Provide a name for the form element. Important: This will be displayed in your component form.

    Field settings

    • Hide picker tab - Set to hide the color picker tab 
    • Allow all palette colors - Set to allow selection of all colors in the color palette, when toggled off you can select the colors to make available to the color picker 


    • Default value (optional) - Select a default color for the Color picker. 
    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket