Problem with RadEditor Width.

5 posts, 0 answers
  1. Vidya
    Vidya avatar
    7 posts
    Member since:
    Aug 2011

    Posted 01 Sep 2011 Link to this post

    I am creating a new thread since i wanted to update my Day 2 work on this problem
    Day 1
    I am Currently using Telerik Version v.2011.1.609.35
    I have following code on my aspx page displaying a editor control. When the page renders very first time the Radeditor width is really wide which spans way beyond browser width. Please see attached image.
    Radeditor comes back to the width i have specified If
    1) If i just refresh the page
    2) Stop the application and run it again
    I cannot have our client do this cause they use this control several times a day.

     

    I go to browser's internet options and delete the temp files and cookies
    The problem is back again -Radeditor renders wide
    I tried applying the width style via CSS, but does not help, the problem persists.....

    Day 2
    I  tried  to add width under this class in Default skin. 
    .Default.reWrapper
    {
        border: solid 1px #828282;
     width:798px;
    }
    It still does not solve this issue. 

    I have pasted my aspx code here. I am sorry if the code falls apart once i post this thread....

     

    <

     

    asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">

     

     

    <asp:View ID="View1" runat="server">

     

    <

     

    table cellspacing="0" cellpadding="2" width="800" bgcolor="#ffffff" border="0">

     

     

    <tr>

     

     

    <td align="center"><b><i><asp:Label ID="LockLbl" runat="server" /></i></b></td>

     

     

    </tr>

     

     

    <tr><td><fieldset><legend>OV-5a Narrative</legend>

     

     

    <table cellspacing="0" cellpadding="2" width="800" bgcolor="#ffffcc" border="0">

     

     

     

    </table>

     

     

    </fieldset></td></tr>

     

     

    </table>

     

     

    </asp:View>

     

     

     

    <

     

    asp:View ID="View2" runat="server">

     

     

    <br />

     

     

    <table cellspacing="0" cellpadding="2" width="800" bgcolor="#ffffff" border="0">

     

     

    <tr><td><fieldset><legend>OV-5a Narrative - Edit</legend>

     

     

    <table cellspacing="0" cellpadding="2" width="800" bgcolor="#ffffcc" border="0">

     

     

    <tbody>

     

     

    <tr>

     

     

    <td>

     

     

    <div style="width: 800px; text-align: right"><asp:Literal ID="popguide" runat="server"/></div>

     

     

     

    <telerik:RadEditor ID="RadEditor1" runat="server" StripFormattingOptions="MSWordRemoveAll"

     

     

    ContentFilters="RemoveScripts, FixUlBoldItalic, FixEnclosingP, IECleanAnchors, MozEmStrong, ConvertFontToSpan, IndentHTMLContent, EncodeScripts, OptimizeSpans">

     

     

    <Content>
    </
    Content>

     

     

    </telerik:RadEditor>

     

     

     

    </td>

     

     

    </tr>

     

     

    <tr>

     

     

    <td align="right"><asp:Button ID="SubmitBtn" runat="server" Text="Update" />
    <asp:Button ID="CancelBtn" runat="server" Text="Cancel" /></td>

     

     

    </tr>

     

     

    </tbody>

     

     

    </table>

     

     

    </fieldset></td></tr>

     

     

    </table>

     

     

    </asp:View>

     

     

    </asp:MultiView>

     

     

     

    Thanks,
    VJ

  2. Jayesh Goyani
    Jayesh Goyani avatar
    2732 posts
    Member since:
    May 2010

    Posted 02 Sep 2011 Link to this post

    Hello,

    try with below code snippet and let me know its working or not.

    .RadEditor .reWrapper
    {
        border: solid 1px #828282 !important;
     width:798px !important;
    min-width : 798px !important;
    }



    Thanks,
    Jayesh Goyani
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 02 Sep 2011 Link to this post

    Hi,

    Could you please try the solution provided in the following sticky note: Incorrect rendering of RadEditor when shown with AJAX in initially hidden parent? You can also try to solve the problem by registering the external skins of RadEditor or the CDN Skins.

    All the best,
    Rumen
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  5. Vidya
    Vidya avatar
    7 posts
    Member since:
    Aug 2011

    Posted 02 Sep 2011 Link to this post

    Jayesh,

    I tried applying min-width style to class mentioned....It still does not solve my problem...
    Thanks for your time and suggestion.
    I am working on another module. I have to try other options which Telerik Team has suggested.

     

    Vidya

  6. Luke
    Luke avatar
    10 posts
    Member since:
    Nov 2012

    Posted 19 Aug 2014 Link to this post

    For anyone finding this post while having similar problems with the RadEditor, this is the solution that ultimately worked for me:  Adding style sheet references to my RadStyleSheetManager:

    <telerik:RadStyleSheetManager
      ID="RadStyleSheetManager1"
      runat="server">
      <StyleSheets>
          <Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />
          <Telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Editor.Web20.css" />
          <Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />
          <Telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Window.Web20.css" />
      </StyleSheets>
    </telerik:RadStyleSheetManager>
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017