DropDown List Items Font

[Joaquín]

Hi guys,

I can't find a simple way (this is, with a simple CSS style, and not creating and/or modifying the complete skin file) to override the Office 2007 Skin default font for the combo drop down list items font. I have been able to replace the font for the input box with this:

div.comboInput .rcbInputCell .rcbInput
{
     font-family: Courier New;
}

Is there something similar I can use to replace the font for the items in the dropdown list?

Thank you!

[A2H]

Hello,

Please try the below css to change the font of ComboBox drop down list items.Change the font names as per your needs

div.rcbSlide .RadComboBoxDropDown .rcbScroll
       {
 font-family: Bradley Hand ITC;
    }

Thanks,
A2H

[Joaquín]

Hi A2H,

Thank you for your response. Unfortunately, I can't make it to work. I have added the CSS you have provided to my page, but the items in the drop down list keep showing the default Font. Is there anything I'm doing wrong?

[A2H]

Hi,

 I think you are using Telerik Dropdownlist control, if that is the case then apologies from my side.By mistake I had provided you css style for Telerik Combo box control.

Please find the css to change the fonts style in both controls

1) Telerik Dropdownlist control

div.rddlSlide .rddlPopup .rddlList .rddlItem
      {
         font-family: Bradley Hand ITC;
      }
      div.rddlInner .rddlFakeInput
      {
         font-family: Bradley Hand ITC;
      }

2) Telerik Combo box control

td .rcbInputCell .rcbInput
        {
            font-family: Bradley Hand ITC;
        }
        div.rcbSlide .RadComboBoxDropDown .rcbScroll
        {

            font-family: Bradley Hand ITC;
        }

I have attached screenshot of css applied to the above two controls.

Thanks,
A2H

[Shinu]

Hi Joaquin,

Try overriding the default CSS as follows.

CSS:

<style type="text/css">
    .rcbList
    {
        font-family: Georgia !important;
        font-weight:bold !important;
    }
</style>

Thanks,
Shinu.

[Joaquín]

Hi guys,

Thank you AH2 and Shinu for your answers.

Definitely, the ComboBox won't allow me to override the skin default font (it allows to change the font style but not the font family). Neither of your suggestions work for me.

I have changed the control from my RadComboBox for a RadDropDownList and I have had not any issue to change the font inserting the CSS provided by AH2 (luckily, in this case I didn't need the combo box functionality). Again, thank you very much for your help.

For the devs: Guys, I'm sure that there will be deep and serious reasons for this, but it drives me crazy that I can do easily so many complex and powerful things with the Rad AJAX suite and, at the same time, I have to lose hours traying to change a simple font. Is there any chance you could do something about this for next releases? Thank you!

[Kate]

Hi Joaquín,

Thank you very much for your feedback. Your opinion is very important for us an thank you for letting us know that this feature would be handy in your scenario. I will forward your request to our development team so they can consider it as a future improvement of the RadComboBox.

Regards,
Kate
Telerik

[Ivan Zhekov]

Hello, Joaquin.

It took a while to resolve the issue, but it's finally done. With the 2014 Q1 release you will be able to easily override the both the line height and other font properties of RadComboBox and RadDropDownList.

Look for the release blogpost for more information and a couple of tricks.

Regards,
Ivan Zhekov
Telerik

[Joaquín]

Thank you Ivan and the team!

You have proved once again that Telerik has the best support in the industry!



Joaquín