CSS from Templates Break Telerik Control Design

2 posts, 0 answers
  1. Kevin Warnke
    Kevin Warnke avatar
    35 posts
    Member since:
    Feb 2010

    Posted 30 May 2013 Link to this post

    Often when we are building an application using a template design, that template has CSS that defines styles at the ELEMENT level.

    When we run across these they often "break" the design of some of the telerik controls.

    One example would be the SELECT element.  We have a template that uses CSS to give it's drop downs a nicer look.  But when we start using the Telerik controls that depend on a SELECT element, they don't look correct until we get rid of the CSS from the template (which we don't want to do because that will break the design on the standard SELECT elements for this template).

    Has anyone come up with a great way to work around this?

    I realize I could add class names to the template's CSS and then include that class name on all the standard SELECT elements in my application, but I'm wondering if anyone has come up with a better or simpler approach that doesn't require modifying the template's CSS.

  2. Bozhidar
    Bozhidar avatar
    693 posts

    Posted 03 Jun 2013 Link to this post


    The specific of the way controls are built (HTML and CSS) does not give an easy to use option when you use controls with HTML/CSS templates.

    The only way is rework the template in way not to use global CSS styles applied directly to a specific HTML element. Otherwise it is not possible to avoid the unwanted styles that will be applied to the elements that build the ASP.NET AJAX control.

    Building an application using more than one third party code (themes, controls, etc.)  will always get into a CSS mixture problem, so the best way to control things is to rework the theme not to use global CSS styles.

    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top