Web20 Skin - HUGE font

[DonKitchen]

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?

[Helen]

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

[CSurieux]

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

[Alex Gyoshev]

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

[CSurieux]

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

[Alex Gyoshev]

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
{
    height: 16px !important;
    line-height: 15px !important;
    font-size: 13px !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

[CSurieux]

Many thanks.
CS