[Solved] Theme

[k]

I'm working with Telerik MVC controls, Now I want to use one theme for panel bar and different theme for grids. I used the StyleSheetRegistrar() in the page  which using the panel bar and another StyleSheetRegistrar() in the page which using the grids, then for both panels and grids are taking any one theme only. How specify theme at control level or how to specify one theme for all grids in the site?

[Alex Gyoshev]

Hi k,

The extensions do not support multiple themes on one page. You can edit the themes in order to target specific areas from your pages. This is done by prefixing each CSS selector to add more specificity, e.g.:
    .t-widget {}
becomes
    #area .t-widget {}

This should be done for all themes that you intend to include.

Best wishes,
Alex Gyoshev
the Telerik team

[k]

Then How to use the #area in the control? where to specify that style?

[Alex Gyoshev]

Hi k,

In order to use the #area, you should have a <div id="area"> around the component (or any other tag). Learn more about CSS class and ID selectors.

Regards,
Alex Gyoshev
the Telerik team