RadEditor Display Problem - General Discussions - General Discussions - Progress Community
 General Discussions

RadEditor Display Problem

  • RadEditor Display Problem
  • 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 */           
       

  • 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.