Once you have built the Telerik RadComboBox structure, you need to set the component's appearance. Otherwise, the default look & feel of the Telerik RadComboBox will be used.
The basic way to alter the appearance of a combobox item is through the exposed properties of RadComboBox: Height, Width, and DropDownWidth.
In order to make the appearance customization process as easy as possible, the component uses so called skins: a set of images and a CSS stylesheet that can be applied to the combobox elements (items, images, etc.) and define their look-and-feel.
All skins reside in "~/RadControls/ComboBox/Skins".
 |
You can change the default location of the Skins folder using the SkinsPath property. |
All the files of a particular skin are located in a separate folder named after this skin.
To set a skin use the Skin property of RadComboBox.
|
You can preview the existing skins and select the one to use from the control's Smart Tag: simply click Auto Format. |
Example
| |
 Copy Code |
|
<radcb:RadComboBox
id="RadComboBox1"
Runat="server"
Height="140px"
Width="150px"
ShowToggleImage="True"
Sort="Ascending"
Skin="Windows Olive"
RadComboBoxImagePosition="Right">
</radcb:RadComboBox> |
The fastest way to get started with your own custom skin is by modifying an existing skin. From
http://www.telerik.com/skins, you can download all resources necessary to deploy or modify selected skins for the Telerik components. Each skin archive contains the images, CSS, and ASPX declaration needed to apply a skin in your project, as well as the original Adobe Photoshop PSD source file you will need to modify the design. For more instructions, please refer to the Readme file in the skin archive.
See Also