How to load embedded base style sheet before my css?

[Rob]

Hi

I want to customise menus, but rather than having to recreate all of the css, it seems to me that it would make sense to just add whatever css is required to alter the base css.

But if I have EnableEmbeddedBaseStyleSheet = "True", the base css gets loaded after mine, overriding it, which isn't very useful, but if I set it to false, there is no css at all except what I provide.

Can you tell me is it possible to arrange for the base css to be loaded first?

Thanks

Rob

[Rob]

OK, I found the simple answer to my question was to import the default css from the Telerik install folder at the head of my skin css file.

What was actually confusing me was that on one of my master pages, I have a Telerik Rotator beneath the (vertical) Telerik Menu.

If I comment out the RadRotator, the menu css works fine.

With the RadRotator in place, even if it has EnableEmbeddedBaseStylesheet="false", the webresource with the base css for the menu gets loaded and trashes the menu.

Does anyone have any ideas? Or is it not possible to use a rotator on a master page with the menu without the css conflicting?

[Dimitar Milushev]

Hi Rob,

I'll have a look into the Rotator problem, but in general it's better to rely on CSS Specificity for overriding CSS rules rather than relying on the order of loading the CSS files. Let me know if you need further help with this.

Sincerely yours,
Dimitar Milushev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Rob]

Hi Dimitar

Thanks for that pointer - I'll have an experiment.

Cheers

Rob