CSS from Templates Break Telerik Control Design

[Kevin Warnke]

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.

Thanks!
Kevin

[Bozhidar]

Hi,

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.

Regards,
Bozhidar
Telerik