DropDown List Items Font

9 posts, 1 answers
  1. Joaquín
    Joaquín avatar
    29 posts
    Member since:
    Jan 2012

    Posted 09 Jul 2013 Link to this post

    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!
  2.
  3. A2H
    A2H avatar
    177 posts
    Member since:
    Mar 2010

    Posted 09 Jul 2013 Link to this post

    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
  5. Joaquín
    Joaquín avatar
    29 posts
    Member since:
    Jan 2012

    Posted 10 Jul 2013 Link to this post

    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?
  7. A2H
    A2H avatar
    177 posts
    Member since:
    Mar 2010

    Posted 10 Jul 2013 Link to this post

    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

  8.
  9. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 11 Jul 2013 Link to this post

    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.
  11. Joaquín
    Joaquín avatar
    29 posts
    Member since:
    Jan 2012

    Posted 15 Jul 2013 Link to this post

    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!
  13. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 18 Jul 2013 Link to this post

    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.
  15. Answer
    Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    654 posts

    Posted 14 Jan 2014 Link to this post

    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.
  17. Joaquín
    Joaquín avatar
    29 posts
    Member since:
    Jan 2012

    Posted 15 Jan 2014 Link to this post

    Thank you Ivan and the team!


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



    Joaquín

Back to Top