Acquia Copilot is a conversational AI connected into our product documentation and knowledge base. Ask Copilot about product features, technical details, troubleshooting and how to get started with Acquia products.
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.
Important
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:
Navigate to a component
Click the + button on the Component form builder
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 - Remove the option to select a color from the color picker.
Colors allowed - Choose to allow all colors, restrict by specific colors, or restrict by color tags.
Default
Default value (optional) - Select a default color for the Color picker.
Tooltip
Tooltip text - Enter tooltip text here.
Tooltip placement - Define the position of the tooltip on hover of the field.
Did not find what you were looking for?
If this content did not answer your questions, try searching or contacting our support team for further assistance.
Sign in to use Acquia Copilot
Or
Search
Filter by product:
Sign in and tryCopilot
Acquia copilot is a chat AI connected to our knowledge base and product documentation.
Get answers to your questions complete with references to our product documentation.
Color picker form element | Acquia Product Documentation
Site Studio