Color Picker
The Flotiq Color Picker plugin transforms standard text input fields into intuitive color selection interfaces. This plugin provides a visual way to select and manage colors for your content, eliminating the need to manually enter hex color codes.
Installing the Color picker plugin¶
Find in the right sidebar panel Plugins and select.
On the next screen, click the plus icon next to Color picker to install and enable the plugin.
Once the plugin is enabled, click Manage to open the modal with the form.
Next, fill in the details and click Save changes to complete your plugin setup.
- Content Type - Defines the type of objects for which the color picker will be displayed.
- Fields - Choose at least one field to transform for provided Content Type.
Color validation pattern
After saving the plugin, the selected fields in your Content Type Definition will be automatically updated with a validation pattern (regex) to ensure proper hex color code format. To maintain color validation functionality, please keep this pattern intact and avoid manual removal.
Usage¶
Transformed text field into color picker:
