I am trying to use RadEditor in my app but the content is all jumbled up (please see attached). I think what is happening is that the style from the parent tags are affecting the style of RadEditor. How can I cancel the styles applied from the parent tags? Thanks!
2 Answers, 1 is accepted
answered on 12 May 2010, 08:44 AM
Without a code provided I could only presume what causes that problem. The most common situation is that you have a global styles set in your CSS that overwrite the RadEditor Styles.
RadEditor is a composite control which is built with a few HTML elements: TABLE, TR, TD, DIV, SPAN, UL, LI, A. In order to avoid any conflict you should not set any global styles for these elements. For example, if you use the following code in your styles to colorize the table background in Red, it will be applied to the RadEdtor TABLE which is not wished:
To avoid this you should use class names or IDs for the elements that are not part of Telerik Controls. The above code could be set like that:
Now, when you have this class in your styles, the red background of the TABLE element will be applied only to those tables with class="RedBgr":
Here are the class names listed in the KB article:
/* global styles css reset (prevent mode) */
.reDropDownBody ul li,
.RadWindow table td,
.RadWindow table td ul,
.RadWindow table td ul li
.reToolZone table td,
.reToolbar ul li,
.reInsertTable .reTlbVertical .reToolbar li
If you still experience any problems with setting RadEdtor, please provide a solution attached or live URl and we will be happy to help you.
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Telerik Public Issue Tracking
system and vote to affect the priority of the items.