Web20 Skin - HUGE font

7 posts, 0 answers
  1. DonKitchen
    DonKitchen avatar
    92 posts
    Member since:
    Jul 2007

    Posted 25 Apr 2008 Link to this post

    We have been implementing the Web20 skin for all of our Radcontrols in our project.  The Radcombobox seems to have some HUGE font for the selected item with this skin.  I was wondering how I can convert the selected item back down to a normal size so that it seems more inline with the other controls?
  2. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 28 Apr 2008 Link to this post

    Hi,

    You have to customize the Web20 skin. The following css class particularly:

     
    .RadComboBox_Web20 .rcbInputCell input  
    {  
        width:100%;  
        background:transparent;  
        border:0;  
        vertical-align:top;  
        padding:1px 0 0 2px;  
        font-size: 12px;  

    Please find attached a sample project. Hope it will be helpful.

    Regards,
    Helen
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. CSurieux
    CSurieux avatar
    465 posts
    Member since:
    Jan 2007

    Posted 28 Apr 2008 Link to this post

    Hi Helen,
    For my part, I have a problem with the uggly green used for selected items in RadTreeview Web20 embedded skin, wher to go to have it changed ?
    (I know it is combobox thread but as you were on the Web20 skin subject and I have not found a thread for skins in support ..)

    Thanks
    CS
  5. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 30 Apr 2008 Link to this post

    Hi Christian Surieux,

    You can use the following CSS to change the color to whatever you like:
    div.RadTreeView_Web20 .rtSelected .rtIn 
        background#f00

    Best wishes,
    Helen
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  6. CSurieux
    CSurieux avatar
    465 posts
    Member since:
    Jan 2007

    Posted 30 Apr 2008 Link to this post

    Many Thanks, Helen,
    I have another little pb: some of my own css interact with Web20 skin and the height  of radComboBox is smaller on 80% of my pages ?
    Which class is involved in the RadCombobox sizing ?

    Thanks again
    CS
  7. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 30 Apr 2008 Link to this post

    Hello Christian Surieux,

    The sizing of the RadComboBox is rather composite (it depends on the contents of the input box and the arrow).

    Nevertheless, setting the following values could should make its height set in stone:
    .RadComboBox_Web20 td.rcbInputCell, 
    .RadComboBox_Web20 td.rcbInputCell input, 
    .RadComboBox_Web20 td.rcbArrowCell a 
        height16px !important; 
        line-height15px !important
        font-size13px !important

    Of course, you could tweak them to suit your application's design.

    Greetings,
    Helen
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  8. CSurieux
    CSurieux avatar
    465 posts
    Member since:
    Jan 2007

    Posted 30 Apr 2008 Link to this post

    Many thanks.
    CS
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017