1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / General Discussions / RadEditor Display Problem

RadEditor Display Problem

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