Introduction

Zeal Color Picker Field type is easy to use and compatible with channel entry, Grid, Fluid, and Relationship Field. It provides valuable output in HEX, RGB, and RGBA values.

Compatibility

EE Compatible Version: EE2, EE3, EE4, EE5.

Note: We are not providing support for EE2 and EE3.

Installation

Follow below steps to install Zeal Color Picker Field version:

EE2:

  1. Download and Extract ZIP file of the module. (We recommend to use the latest version.)
  2. Copy Zeal_Color_Picker_Field > EE2 > system > third_party > zeal_color_picker folder to “Your Site > system > expressionengine > third_party” Folder.
  3. Copy Zeal_Color_Picker_Field > EE2 > themes> third_party> zeal_color_picker folder to “Your Site > themes > third_party” Folder.
  4. Login to backend panel with Super admin credentials.
  5. Go to “Add-Ons > Modules” and Install Zeal Color Picker Field module.

EE3:

  1. Download and Extract ZIP file of the module. (We recommend to use the latest version.)
  2. Copy Zeal_Color_Picker_Field > EE3 > system > user > addons > zeal_color_picker folder to “Your Site > system > user > addons” Folder.
  3. Copy Zeal_Color_Picker_Field > EE3 > themes> user> zeal_color_picker folder to “Your Site > themes > user” Folder.
  4. Login to backend panel with Super admin credentials.
  5. Go to “Developer > Add-On Manager” and Install Zeal Color Picker Field module.

EE4 and EE5:

  1. Download and Extract ZIP file of the module. (We recommend to use the latest version.)
  2. Copy Zeal_Color_Picker_Field > EE4-EE5 > system > user > addons > zeal_color_picker folder to “Your Site > system > user > addons” Folder.
  3. Copy Zeal_Color_Picker_Field > EE4-EE5 > themes > user > zeal_color_picker folder to “Your Site > themes > user” Folder.
  4. Login to backend panel with Super admin credentials.
  5. Go to “Developer > Add-Ons” and Install Zeal Color Picker Field module.

Note: If you purchased the addon from Devot:ee then you can get the license key from the licenses tab in your profile.

Custom Sidebar

We provide one “customSidebar” function in the MCP file. You can add more menus in the sidebar of the addon using this function.

/* To get dynamic menu in the addon */    
   function customSidebar(){
       $sidebar = ee('CP/Sidebar')->make();
       $this->navSettings  = $sidebar->addHeader('Test Link', '');
   }

Features

  1. Easy to setup/install.
  2. Compatible with grid field.
  3. Compatible with Fluid and Relationship Field
  4. Compatible with Channel Forms.
  5. User can Select Color from Color picker or Write color code directly in the field with # as the prefix.
  6. Users can adjust the Alpha value of RGBA color.

    Changelog

    V1.0.0

    • Initial Version

    V2.0.0

    • Updated the license verification process and setup so please update the license in your addon.

    Loading your cart...