We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Open up Color Picker

Thread ID:





127210 Nov 2,2016 05:40 PM Nov 4,2016 06:39 AM JavaScript 3
Tags: ejColorpicker
Christopher Hui
Asked On November 2, 2016 05:40 PM

How can I open the color picker from clicking anywhere in the control and not just the arrow?

The hit box on the arrow is too small, and I want to let users expand the color picker by clicking anywhere inside the control.


sureshkumar.P [Syncfusion]
Replied On November 3, 2016 08:32 AM

Hi Christopher, 
Thanks for contacting Syncfusion support. 
To open the color picker from clicking anywhere in the control, use our existing colorPicker property “buttonMode”
By default, ColorPicker control render with SplitButton mode. In this mode, popup will open when clicking on arrow icon only. So for your scenario, please initialize ColorPicker with ‘buttonMode’ as ‘dropdown’. 
Please refer to the below code example.    
 <input type="text" id="colorPick" /> 
                                      value: "#278787", 
                                      buttonMode: ej.ButtonMode.Dropdown });  // button mode API as enum type 
                                 /* or use buttonMode API as string type buttonMode: “dropdown” */ 
Sureshkumar P 

Christopher Hui
Replied On November 3, 2016 12:49 PM


There is a typo in the configuration. 

It says "ej.ButtonModel.DropDown" when it should be ej.ButtonMode.Dropdown

sureshkumar.P [Syncfusion]
Replied On November 4, 2016 06:39 AM

Hi Christopher,  
 Thanks for your suggestion.     
The reported changes will be refreshed in one business day. We appreciate your patience until then. 
Sureshkumar P 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.