Hello,
We have a bunch of CSS files that we inherited from another vendor and need to use them to style our website. We have a content area of a master page that has a defined style by these CSS files. This seems to be causing a problem for the rendering of our RadScheduler control. The issue comes in with a specific file that is defining styles for tables within the class defined by the content section. There are a lot of styles being set to <table>, <th>, <tr>, and <td> elements. The RadScheduler seems to be inheriting these settings when it is rendered on the page.
Is there a way to tell the RadScheduler to ignore the settings in these CSS files and use it's own rules for styling?
Thanks,
Warren
We have a bunch of CSS files that we inherited from another vendor and need to use them to style our website. We have a content area of a master page that has a defined style by these CSS files. This seems to be causing a problem for the rendering of our RadScheduler control. The issue comes in with a specific file that is defining styles for tables within the class defined by the content section. There are a lot of styles being set to <table>, <th>, <tr>, and <td> elements. The RadScheduler seems to be inheriting these settings when it is rendered on the page.
Is there a way to tell the RadScheduler to ignore the settings in these CSS files and use it's own rules for styling?
Thanks,
Warren
1 Answer, 1 is accepted
0
Hello Warren,
In this scenario, there are two options:
Since you are interested in option 1 - if you have only one instance of RadScheduler, you could modify its CSS files (something like a custom skin) to have ID-based selectors instead of class-based, thus increasing the specificity of the selectors. For example .RadScheduler will be translated to #RadScheduler1.
Sincerely yours,
Alex
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
In this scenario, there are two options:
- manually provide overrides for the scheduler styles
- change the selectors of the inherited styles to more specific ones
Since you are interested in option 1 - if you have only one instance of RadScheduler, you could modify its CSS files (something like a custom skin) to have ID-based selectors instead of class-based, thus increasing the specificity of the selectors. For example .RadScheduler will be translated to #RadScheduler1.
Sincerely yours,
Alex
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.