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. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Open up Color Picker

Thread ID:

Created:

Updated:

Platform:

Replies:

127210 Nov 2,2016 09:40 PM UTC Nov 4,2016 10:39 AM UTC JavaScript 3
loading
Tags: ejColorpicker
Christopher Hui
Asked On November 2, 2016 09:40 PM UTC

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 [Syncfusion]
Replied On November 3, 2016 12:32 PM UTC

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
Replied On November 3, 2016 04:49 PM UTC

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 [Syncfusion]
Replied On November 4, 2016 10:39 AM UTC

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 


CONFIRMATION

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.

Warning Icon 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.Close Icon

;