This is a migrated thread and some comments may be shown as answers.

Problem with RadEditor Width.

4 Answers 82 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Vidya
Top achievements
Rank 1
Vidya asked on 01 Sep 2011, 08:16 PM

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

4 Answers, 1 is accepted

Sort by
0
Jayesh Goyani
Top achievements
Rank 2
answered on 02 Sep 2011, 01:15 PM
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
0
Rumen
Telerik team
answered on 02 Sep 2011, 04:33 PM
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 >>

0
Vidya
Top achievements
Rank 1
answered on 02 Sep 2011, 07:39 PM

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

0
Luke
Top achievements
Rank 2
answered on 19 Aug 2014, 06:28 PM
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>
Tags
Editor
Asked by
Vidya
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Rumen
Telerik team
Vidya
Top achievements
Rank 1
Luke
Top achievements
Rank 2
Share this question
or