Need to Change Font Names / Font Family for All Items in RadComboBox

[Vishnu]

Hi. I tried to change the Font Family / Font Names of items in RadComboBox, its not working for me. I applied css too.

<style type="text/css">
.RadComboBox_Vista .rcbInputCell .rcbInput, .RadComboBoxDropDown_Vista
        {
            font-family: Verdana !important;
        }
</style>

<telerik:RadComboBox ID="ddlCultureCode" runat="server"  OnSelectedIndexChanged="ddlCultureCode_SelectedIndexChanged" AutoPostBack="true" EnableViewState="true"> </telerik:RadComboBox>

Can any one suggest me, how to implement & achieve it.
Thanks in advance.

[Shinu]

Hi Vishnu,

Please have a look at the following code snippet that I have tried.

ASPX:

<telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="true" EnableViewState="true">
    <Items>
        <telerik:RadComboBoxItem runat="server" Text="Item1" />
        <telerik:RadComboBoxItem runat="server" Text="Item2" />
        <telerik:RadComboBoxItem runat="server" Text="Item3" />
        <telerik:RadComboBoxItem runat="server" Text="Item4" />
        <telerik:RadComboBoxItem runat="server" Text="Item5" />
    </Items>
</telerik:RadComboBox>

CSS:

<style type="text/css">
    .rcbItem
    {
        font-family: Verdana !important;
        color: Green !important;
    }
</style>

Suppose you want to style the selected item, you can try the following CSS.

CSS:

.rcbInput
{
    color: Red !important;
    font-weight: bold !important;
}

Thanks,
Shinu.

[Vishnu]

Yes, its working fine.. Thanks a lot.... :)

[Merin]

Hi shinu

In the css you provided, the default style is retained on hovering items. How to avoid it?

[Shinu]

Hi Merin,

Try the following CSS along with the CSS classes provided in my previous post.

CSS:

.rcbHovered
{
    font-family: Verdana !important;
    color: Green !important;
}

Thanks,
Shinu.

[Merin]

Hi shinu

I have a radcombobox with load on demand. Can  I programatically initiate a load on demand request on click of a radbutton?