how to apply custom skin to the custom control

2 posts, 0 answers
  1. Sreekanth
    Sreekanth avatar
    9 posts
    Member since:
    Apr 2011

    Posted 01 Apr 2012 Link to this post

    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.

  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 05 Apr 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top