☁️ Loving our new documentation website? Provide feedback in the CloudCannon Community! ✨

hide_picker

Table of contents

Description:

This key toggles whether CloudCannon hides the color picker UI in Color Inputs.

Setting this key to true will hide the color picker interface, requiring users to enter color values manually or select from a palette if one is configured.

By default, this key is false (i.e., the color picker is displayed).

Appears in:
└── _inputs
    └── *
        └── Color Input
            └── options
                └── hide_picker
Type:
boolean
Default value:
false
Examples:

In this example, we have configured a color input to hide the picker UI, requiring users to select from the predefined palette or enter values manually.

Copied to clipboard
_inputs:
  brand_color:
    type: color
    label: Brand Color
    options:
      palette:
        - '#ff0000'
        - '#00ff00'
        - '#0000ff'
      hide_picker: true
{
  "_inputs": {
    "brand_color": {
      "type": "color",
      "label": "Brand Color",
      "options": {
        "palette": [
          "#ff0000",
          "#00ff00",
          "#0000ff"
        ],
        "hide_picker": true
      }
    }
  }
}
Open in a new tab