Recently I had a task to edit telerik ComboBox. The problem was that after increasing height of ComboBox, the size of one exeedes sprite area size, and it was needed to style control according to site color scheme.
Assume that we have a page with RadComboBox on it.
First of all set EnabledEmbeddedSkins property to false.
Assume that we have a page with RadComboBox on it.
First of all set EnabledEmbeddedSkins property to false.
- Create in App_Themes, a folder named MySkin.
- Copy from ..\\RadControls for ASP.NET AJAX Q2 2009\Skins\Default a file ComboBox.Default.css and folder ComboBox with the sprites inside it to ..\App_Themes\MySkin. Now we have the next structure:
- Replace file name ComboBox.Default.css with ComboBox.MySkin.css
- Replace file name ComboBox.Default.css with ComboBox.MySkin.css
- Inside style file replace all _Default, with _MySkin. For example:
.RadComboBox_Default * { margin: 0; padding: 0; } .RadComboBox_Default, .RadComboBox_Default .rcbInput, .RadComboBoxDropDown_Default { font: 12px "Segoe UI", Arial, sans-serif; color: #333; text-align: left; }
.RadComboBox_MySkin * { margin: 0; padding: 0; } .RadComboBox_MySkin, .RadComboBox_MySkin .rcbInput, .RadComboBoxDropDown_MySkin { font: 12px "Segoe UI", Arial, sans-serif; color: #333; text-align: left; }
- Bind style to the page:
- Write Combobox skink as skin="MySkin"
- Done!