This is a migrated thread and some comments may be shown as answers.

DropDown List Items Font

8 Answers 427 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Joaquín
Top achievements
Rank 2
Joaquín asked on 09 Jul 2013, 10:57 AM
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!

8 Answers, 1 is accepted

Sort by
0
A2H
Top achievements
Rank 1
answered on 09 Jul 2013, 12:42 PM
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
0
Joaquín
Top achievements
Rank 2
answered on 10 Jul 2013, 08:33 AM
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?
0
A2H
Top achievements
Rank 1
answered on 10 Jul 2013, 01:04 PM
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

0
Shinu
Top achievements
Rank 2
answered on 11 Jul 2013, 05:50 AM
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.
0
Joaquín
Top achievements
Rank 2
answered on 15 Jul 2013, 09:11 AM
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!
0
Kate
Telerik team
answered on 18 Jul 2013, 12:07 PM
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
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 the blog feed now.
0
Accepted
Ivan Zhekov
Telerik team
answered on 14 Jan 2014, 11:49 AM
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
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 the blog feed now.
0
Joaquín
Top achievements
Rank 2
answered on 15 Jan 2014, 10:06 AM

Thank you Ivan and the team!


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



Joaquín

Tags
ComboBox
Asked by
Joaquín
Top achievements
Rank 2
Answers by
A2H
Top achievements
Rank 1
Joaquín
Top achievements
Rank 2
Shinu
Top achievements
Rank 2
Kate
Telerik team
Ivan Zhekov
Telerik team
Share this question
or