Problem with RadEditor Width.

[Vidya]

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

[Jayesh Goyani]

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

[Rumen]

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

[Vidya]

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

[Luke]

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>