This is a migrated thread and some comments may be shown as answers.

look and feel change of kendo dropdown selected value and text

3 Answers 996 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
tirumala
Top achievements
Rank 1
tirumala asked on 06 Dec 2012, 11:39 AM
Hi team,

i am pleases to use this kendo UI .. i am customizing the kendo UI drop downlist.

i want to make color picker using Kedo Dropdown.

i am able to append new elements to the dropdown, want to change the Hover color for selected Item and  after selecting i want to show color pallet and Text side by side.Can any one help me  in this context.

i am attaching a screen shot that will explains much better...

3 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 10 Dec 2012, 09:49 AM
Hello Tirumala,

You can change the hover and selected state appearance by overriding the corresponding CSS rules.
Please check the following example: http://jsbin.com/oboduj/2/edit

In order to add a colour box next to the item's text, you may use a template. For convenience please check this example.
I hope the information will help.

Kind regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
tirumala
Top achievements
Rank 1
answered on 11 Dec 2012, 04:34 PM
hi alexender,

thank you for your support .
 how would i know in details of css any documentation 
so that we can custmize accordingly.
0
Alexander Valchev
Telerik team
answered on 13 Dec 2012, 08:41 AM
Hi Tirumala,

The easiest way is to work with the theme builder tool.
For small customizations you may use the Developer Tools of your browser to check class names and CSS rules. The basic and most common classes are explained here.

Kind regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
DropDownList
Asked by
tirumala
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
tirumala
Top achievements
Rank 1
Share this question
or