Open up Color Picker

[Christopher Hui]

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.

Thanks

[Sureshkumar P]

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.    

 

[html] 

 <input type="text" id="colorPick" /> 

 

[script] 

                              $("#colorPick").ejColorPicker({  

                                      value: "#278787", 

                                      buttonMode: ej.ButtonMode.Dropdown });  // button mode API as enum type 

                                 /* or use buttonMode API as string type buttonMode: “dropdown” */ 

 

 

   

Regards, 

Sureshkumar P 

[Christopher Hui]

Thanks.

There is a typo in the configuration. 

https://help.syncfusion.com/api/js/ejcolorpicker#members:buttonmode

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

[Sureshkumar P]

Hi Christopher,  

 

 Thanks for your suggestion.     

 

The reported changes will be refreshed in one business day. We appreciate your patience until then. 

 

Regards, 

Sureshkumar P