Toolbar Has Strange Characters and Spaces

[Chris]

My telerik editor is having issues with the toolbars and strange characters. I cannot reproduce this on my own IE or Firefox but the client's IE sees this issue. I am not sure if this is a setting in IE or another issues.

please view the picture at
http://www.unity-envirotech.com/images/EditorProblem.jpg

my toolbar config files are

HEADER TOOLBAR
<root>
  <tools>
    <tool name="ForeColor"/>
    <tool name="BackColor"/>
    <tool name="FormatBlock"/>
    <tool name="Fontsize"/>
    <tool name="Bold"/>
    <tool name="Italic"/>
    <tool name="Underline"/>
    <tool name="JustifyLeft"/>
    <tool name="JustifyCenter"/>
    <tool name="JustifyRight"/>
    <tool name="JustifyFull"/>
    <tool separator="true"/>
    <tool name="Outdent"/>
    <tool name="Indent"/>
    <tool name="InsertSymbol"/>
    <tool name="Help"/>
  </tools>
</root>

OTHER TOOL BAR
<root>
  <tools>
    <tool name="Print"/>
    <tool name="AjaxSpellCheck"/>
    <tool name="FindAndReplace"/>
    <tool name="Cut"/>
    <tool name="Copy"/>
    <tool name="Paste"/>
    <tool separator="true"/>
    <tool name="Undo"/>
    <tool name="Redo"/>
    <tool separator="true"/>
    <tool name="ImageManager"/>
    <tool name="DocumentManager"/>
    <tool separator="true"/>
    <tool name="LinkManager"/>
    <tool name="Unlink"/>
    <tool separator="true"/>
    <tool name="Superscript"/>
    <tool name="Subscript"/>
    <tool name="InsertParagraph"/>
    <tool name="InsertHorizontalRule"/>
  </tools>
  <tools>
    <tool name="ForeColor"/>
    <tool name="BackColor"/>
    <tool name="FormatBlock"/>
    <tool name="Fontsize"/>
    <tool name="Bold"/>
    <tool name="Italic"/>
    <tool name="Underline"/>
    <tool separator="true"/>
    <tool name="JustifyLeft"/>
    <tool name="JustifyCenter"/>
    <tool name="JustifyRight"/>
    <tool name="JustifyFull"/>
    <tool separator="true"/>
    <tool name="Outdent"/>
    <tool name="Indent"/>
    <tool name="InsertOrderedList"/>
    <tool name="InsertUnorderedList"/>
    <tool name="InsertSymbol"/>
    <tool name="Help"/>
  </tools>
</root>

[Martin]

Hello Chris,

I tested RadEditor with IE6, IE7 and FF3, and just like you I did not experience the problem your client did. However, this issue may be caused in IE6 under the following conditions:

1. Custom CSS files - try to exclude your custom CSS files and ask your client to check if the problem persists. IE6 cehaves strangely with composite CSS classes, and complex table layouts.
2. Global CSS settings - although we have tried to prevent undesired inheritance, global CSS (element selectors - TD, UL, LI, TABLE instead of class selectors - .myTd, .myList, .myListItem, myTable) may cause trouble with 3rd party controls because practically any CSS property can be applied to any (with a few exceptions) HTML element.
3. Very old version of Internet Explorer 6
4. Some custom IE6 property that cannot be handled with CSS.

Unfortunately, we cannot provide a fix based on what we have seen on the screenshot, so please, check your page on different machines and also try points 1 and 2. If the problem still persists, please, prepare and send us a small running project with your custom styles, layout and RadEditor with that particular skin so we are able to try to solve this issue.

Regards,
Martin Ivanov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.