[Solved] Base Style Sheet and Custom Skin

[MarkInTexas]

Quick question.

Is the base style sheet used when creating a custom skin? Or can it be?

Thanks,
Mark.

[Shinu]

Hi Mark,

You can create a custom RadComboBox skin, using the default skin as a base. Here is the help documentation on how to create custom skin using the default skin as a base.
Tutorial: Creating a Custom Skin

Also checkout the following links, that might help in this;
Understanding the Skin CSS File
CSS Skin File Selectors

-Shinu.

[MarkInTexas]

Shinu,
Thanks for the links.
I currently have a number of custom skins.
I am wondering if the "Base Style Sheet" impacts custom skins.
Thanks,
Mark.

[Kamen Bundev]

Hello Mark,

Base stylesheet takes care of basic dimensions of the control and how it will work in different browsers. The skin files usually take only care of background images, positions, colors and borders. You can however directly override the base styles without replicating the whole base stylesheet. To do this you need to raise the specificity of the CSS selector you want to override properties in. The easiest way to do this is by adding the element type in front of the selector, in RadComboBox case its a div. For instance to override this padding specified in the base stylesheet:
.RadComboBox .rcbInputCell .rcbInput
{
    padding: 2px 0 1px;
}
You can use this rule:
div.RadComboBox .rcbInputCell .rcbInput
{
    padding: 1px 0;
}
More information on CSS selectors and specificity - here. Let me know if this helps.

Regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[MarkInTexas]

Great answer and link.
Thanks for the info.
Mark.

[Keith]

Is this the only way to tweak the base classes.

We are transitioning from version 2008_3_1320 to version 2009_3_1208 of the controls and have created custom skins for the following controls:

RadCombobox
RadGrid
RadInput
RadMenu
RadPanelbar
RadTabStrip
RadToolbar
RadUpload

that in some cases included changes to the layout of the control i.e row height, padding, images etc.

So, we are looking for the most productive method for getting these changes moved over to the new version. We understand that the color tweaks etc will need to move to Custom Skin CSS. However, we need to address the layout changes we made as well.

What is the best method for making changes to the base classes?
Also, in some of the Telerik videos statements were made about opening support tickets to assist with conversion of older custom skins to the new paradigm. Is a current subscription needed for this level of support?

Thanks in advance.

K.E.

[Veselin Vasilev]

Hi Keith,

To open a support ticket you need to have an active subscription. Since you will upgrade to 2009 Q3 version you should be able to open a support ticket and attach your custom skins. We will do our best to convert them so they work with the latest release. If you are not able to open a support ticket - that means that the subscription is expired and you need to renew it.

All the best,
Veskoni
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.