RadEditor Display Problem

Posted by Community Admin on 03-Aug-2018 07:58

RadEditor Display Problem

All Replies

Posted by Community Admin on 05-Nov-2011 00:00

Hi,

I'm using radeditor with asp.net ajax q3 2010 sp2 and the problem is radditor is not dispaing properly in IE versions

For this i have use following code;
Please tell me where is problem actually....

 

 <telerik:RadEditor ID="txtSymptom" Width="850px" Height="50px" ToolsWidth="350px"
  CssClass="tre" ToolbarMode="ShowOnFocus" EditModes="Design" runat="server" ToolsFile="~/Files/XML/BasicTools.xml">
  <CssFiles>
   <telerik:EditorCssFile Value="~/Files/Styles/EditorContentArea.css" />
  </CssFiles>
</telerik:RadEditor>

BasicTools.xml
---------------------

 

<?xml version="1.0" encoding="utf-8" ?>
<root>
  <tools name="Formatting" enabled="true" dockable="true">
    <tool name="AjaxSpellCheck"/>
    <tool separator="true"/>
    <tool name="Bold" />
    <tool name="Italic" />
    <tool name="Underline" />
    <tool separator="true"/>
    <tool name="ForeColor" />
    <tool name="BackColor"/>
    <tool separator="true"/>
    <tool name="JustifyLeft"/>
    <tool name="JustifyCenter"/>
    <tool name="JustifyRight"/>
    <tool name="JustifyFull"/>
    <tool separator="true"/>
    <tool name="Undo" shortcut="CTRL+Z"/>
    <tool name="Redo" shortcut="CTRL+Y"/>
    <tool separator="true"/>
    <tool name="InsertOrderedList"/>
    <tool name="InsertUnorderedList"/>
    <tool separator="true"/>
    <tool name="FontName" shortcut="CTRL+SHIFT+F"/>
    <tool name="RealFontSize" shortcut="CTRL+SHIFT+P"/>
  </tools> 
</root>

 
EditorContentArea.css
----------------------
 /* The following CSS needs to be copied to the page to produce textbox-like RadEditor */
   
    .reLeftVerticalSide,
    .reRightVerticalSide,
    .reToolZone,
    .reToolCell
   
        background: white !important;
   
   
    .reToolCell
   
        display: block\9; /* for all versions of IE in order to prevent border bottom disappearing */
   
   
    .reContentCell
   
        border-width: 0 !important;
   
   
    .formInput
   
       border: solid 1px black;
   
   
    .RadEditor
   
        filter: chroma(color=c2dcf0);
   
   
    .reWrapper_corner,
    .reWrapper_center
   
        display: none !important; /* for FF */           
   
   
    td.reWrapper_corner,
    td.reWrapper_center
   
        display: block\9; /* for all versions of IE */           
   

Posted by Community Admin on 07-Nov-2011 00:00

Hi Pani,

Could you please try the solution provided in the following sticky note: Incorrect rendering of RadEditor when shown with AJAX in initially hidden parent?

If you still experience any problems provide a couple of screenshots along with an example how to reproduce them on our end.

All the best,
Rumen
the Telerik team

Learn how the Telerik controls can be integrated in SharePoint 2007/2010 from this resource. To watch them in action, explore our online SharePoint 2010 and SharePoint 2007 demo sites.

This thread is closed