How to set CSS for particular radcombox id

[Dhamodharan]

Hi,

I want to use this style for one particular radcombobox.

 div.RadComboBox table td.rcbInputCell { padding-left: 0; padding-right: 4px; }

        div.RadComboBox table td.rcbInputCell .rcbInput { text-align: right; }

        div.RadComboBoxDropDown .rcbItem,
        div.RadComboBoxDropDown .rcbHovered,
        div.RadComboBoxDropDown .rcbDisabled,
        div.RadComboBoxDropDown .rcbLoading
        {
            padding: 4px 4px 4px 20px;
            text-align: right;
        }

but this code affect all the combobox in a page. let me know if you have any solutions,

Thanks in advance,
Dhamu.

[Kate]

Hello Dhamu,

You can use the following css classes in order to style only one RadCombobox:

<style type="text/css">
       div.new table td.rcbInputCell
       {
           padding-left: 0;
           padding-right: 4px;
       }

       div.new table td.rcbInputCell .rcbInput
       {
           text-align: right;
       }

       div#RadComboBox1_DropDown .rcbItem,
        div#RadComboBox1_DropDown .rcbHovered,
         div#RadComboBox1_DropDown .rcbLoading,
          div#RadComboBox1_DropDown .rcbDisabled
       {
           padding: 4px 4px 4px 20px;
           text-align: right;
       }
   </style>

markup:

<telerik:RadComboBox ID="RadComboBox1" runat="server" CssClass="new">
         <Items>
             <telerik:RadComboBoxItem Text="test 1" Value="0" />
             <telerik:RadComboBoxItem Text="test 2" Value="1" />
             <telerik:RadComboBoxItem Text="test 3" Value="2" />
         </Items>
     </telerik:RadComboBox>
 </div>
 <br />
 <br />
 <telerik:RadComboBox ID="RadComboBox2" runat="server">
     <Items>
         <telerik:RadComboBoxItem Text="test 1" />
         <telerik:RadComboBoxItem Text="test 2" />
         <telerik:RadComboBoxItem Text="test 3" />
     </Items>
 </telerik:RadComboBox>

Regards,
Kate
the Telerik team