Straight to your questions:
1. What is the difference between an "Embedded Skin" and a "Custom Skin," and why this distinction
- "Embedded Skins" are the built-in skins provided by Telerik. Since Q3 2011 they are embedded in the Telerik.Web.UI.Skins.dll assembly as web resources (they were previously in the Telerik.Web.UI.dll assembly). To use a built-in skin the developer only needs to set the Skin
property of the control.
- "Custom Skins" are created by the developer. They are not embedded in the Telerik.Web.UI assembly, so the control cannot register them automatically. If you use a custom skin you need to set the EnableEmbeddedSkins property of the control to false, as well as set the Skin property to the name of the custom skin and register the corresponding custom skin styles.
More information on the matter is available in the How Skins Work
2. Why for Custom skins the base stylesheet loads after the custom one in the head tag, thus overriding the custom styles
. If you disable only the skin specific styles, and place the custom one in the head tag, then the web resource will register the base style sheets after the custom one that is already declared. Actually you can disable both - the skin specific and the base styles through the EnableEmbeddedSkins
" properties and load them manually in the desired ordered. More information is available in the following articles:
3. Does not make sense why the order is reversed for "Embedded" vs "Custom" -- this adds needless complexity and confusion
Please refer to the above answer for details.
4. When you say "place [the custom skin stylesheet] in the form" do you mean an actual html form tag?
This is what I have mentioned initially, however, although placing link tags inside the form element takes effect it is not a valid HTML, so you can omit this answer.
I have also created a VS example that shows how to use a custom skin for the RadButton and load manually its base and skin specific styles in the head tag. This sample skin is created out of an existing one with the free Visual Style Builder
tool. I can also suggest that you examine the following resource on creating custom skins:
- Controlling Visual Appearance
- Visual Style Builder Documentation
- Visual Style Builder Tool
- Creating a Custom Skin for RadButton
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.