how to apply custom skin to the custom control

[Sreekanth]

Hi,

I have created a new CustomComboBox control using RadComboBox control,when i tested the CustomCombobox it is working as good as  the RadComboBox contorl.
.
Now i want to apply custom skin or css for my CustomComboBox  control.
.
created a simple style like below,but the style is not applying to the control

.mycustomskin
{
background-color:Gray;
font-family:Arial;
color:white;
}

i checked in the page source and overwrite the style of rcblist  it worked,but i don't want to write like this.

.RadComboBox_Default  .rcblist
{
background_color:Gray 
font-family:Arial;
color:white;
}

is there any way that  i can  give mycontrol name and stylename instead of .RadComboBox_Default  .rcblist 

like

CustomComboBox_myskin .bgstyle
{
background_color:Gray  
font-family:Arial;
color:yellow
}

i heard about RadStylebuilder, what it will do?,if i use it ,will it solve my problem?, please help me..


Thanks and Regards
Sreekanth J.

[Ivan Zhekov]

Hi, Skreekanth.

You could always use your own custom css classes on the control:

<telerik:RadComboBox runat="server" EnableEmbeddedSkins="false"
    Skin="mySkin"
    CssClass="CustomComboBox_myskin" DropDownCssClass="CustomDropDown_myskin"
    InputCssClass="CustomInput_myskin" LabelCssClass="CustomLabel_myskin">
    <Items>
        <telerik:RadComboBoxItem Text="New" />
        <telerik:RadComboBoxItem Text="Open" />
        <telerik:RadComboBoxItem Text="Save" />
        <telerik:RadComboBoxItem Text="Close" />
        <telerik:RadComboBoxItem Text="Delete" />
    </Items>
</telerik:RadComboBox>

but those will not provide you with sufficient styling flexibility.

As for RadStyleBuilder, I suppose you mean Visual Style Builder, which can be found here -- http://stylebuilder.telerik.com/.

Regards,
Ivan Zhekov
the Telerik team