More in this section
Forums / General Discussions / RadEditor Display Problem

RadEditor Display Problem

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
2 posts, 0 answered
  1. Chakrapani
    Chakrapani avatar
    1 posts
    Registered:
    19 Aug 2011
    05 Nov 2011
    Link to this post
    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 */           
        }

  2. Rumen
    Rumen avatar
    26 posts
    Registered:
    12 Sep 2017
    07 Nov 2011
    Link to this post
    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.
2 posts, 0 answered