This is a migrated thread and some comments may be shown as answers.

Avoid CSS conflicts

1 Answer 117 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Kashif Imran
Top achievements
Rank 1
Kashif Imran asked on 16 Jan 2010, 04:16 PM
When I add rad controls to a site that has its own css files linked it messes up the controls. For RadEditor you can choose CssFiles property, but what about other controls? I just tried scheduler but it does not have CssFiles property. Any ideas how to avoid css conflicts for other controls? Thanks.

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 18 Jan 2010, 11:39 AM
Hi Kashif Imran,

Browsers apply styles, according to the CSS specification. Since CSS styles are "cascading" by design, theoretically, it is not possible to guarantee conflict-less behavior in all scenarios.

If you are using CSS styles with a very high specificity (e.g. if you use client IDs in the selectors or "!important" after the style property values), they will always override RadControls styles.

You will have to inspect your page with some tool such as Firebug and modify your website styles. Also, make sure that you are familiar with the following:

http://css.maxdesign.com.au/selectutorial/advanced_conflict.htm

All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
General Discussions
Asked by
Kashif Imran
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or