CSS Being Overridden

2 posts, 0 answers
  1. Warren
    Warren avatar
    7 posts
    Member since:
    Sep 2008

    Posted 19 Aug 2009 Link to this post


    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?

  2. Alex Gyoshev
    Alex Gyoshev avatar
    2527 posts

    Posted 20 Aug 2009 Link to this post

    Hello Warren,

    In this scenario, there are two options:
    1. manually provide overrides for the scheduler styles
    2. 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,
    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.
Back to Top