Checkboxes design custmization

[samadhan]

Hi, 

Need customization of  Checkboxes on focus need to add arrow showing below options. 

Currently having close ( X ) icon. Need to be add down arrow as per attachment design.

Please assist. 

[Neli]

Hi Samadhan,

If you need to show an icon next to the checkbox when it is focused you could use the jQuery focus event. Then you could add an element holding the icon. Below is an example:

 $('.k-checkbox').focus(function(e){
	  $('.custom').remove()
          $("<span class='custom'><i class='arrow right'></i></span>").insertAfter($(e.target).next());
 })

And here is a Dojo example where this is demonstrated.

However, from the provided screenshot it seems that the checkbox is configured in another widget. Could you please send us more information about the exact scenario? This way we could get a better idea of the issue and provide appropriate assistance. 

Looking forward to your reply.

Regards,
Neli
Progress Telerik