Hi,
In my main website I am getting an odd issue with the RadEditor. The background panel does not stretch all the way down the height of it. This is visible in the attached image. The top part of the image shows a test website that I made and it works. The bottom part of the image shows the problem (1a & 1b in the image). Any ideas what could be causing this odd issue?
Also what is the thing shown in position 2.
My code for the editor is shown below.
Regards,
Jon
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="NJC.Amonet.Web.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <telerik:RadScriptManager ID="uxRadScriptManager" runat="server"></telerik:RadScriptManager> <telerik:RadStyleSheetManager ID="uxRadStyleSheetManager" Runat="server"></telerik:RadStyleSheetManager> <telerik:RadEditor ID="RadEditor1" Runat="server" width="400px" height="100px"></telerik:RadEditor> </div> </form> </body> </html> 5 Answers, 1 is accepted
0
Jon
Top achievements
Rank 1
Rank 1
answered on 20 Dec 2010, 11:37 AM
Something worth noting is that normally on page refresh the editor displays properly. Very odd.
0
Hi Jon,
The height of 100px is not enough to renders the toolbar and the content area. You should definitely increase the height. Another approach is to use the ShowOnFocus toolbar. Just set the ToolbarMode property to ShowOnFocus and see whether the problem still persists.
Greetings,
Rumen
the Telerik team
The height of 100px is not enough to renders the toolbar and the content area. You should definitely increase the height. Another approach is to use the ShowOnFocus toolbar. Just set the ToolbarMode property to ShowOnFocus and see whether the problem still persists.
Greetings,
Rumen
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Jon
Top achievements
Rank 1
Rank 1
answered on 22 Dec 2010, 12:55 PM
Hi Rumen,
The 100px is a bit of a red herring - the problem happens when the height is more and in any event I am using a custom toolbar which has a lot less height than the normal bar.
I have noticed that if I click on the resize icon at the bottom right of the editor the editor then renders itself correctly (even withough changing the size).
Regards,
Jon
The 100px is a bit of a red herring - the problem happens when the height is more and in any event I am using a custom toolbar which has a lot less height than the normal bar.
I have noticed that if I click on the resize icon at the bottom right of the editor the editor then renders itself correctly (even withough changing the size).
Regards,
Jon
0
Jon
Top achievements
Rank 1
Rank 1
answered on 22 Dec 2010, 01:13 PM
Hi Rumen
Further to my email I have found that this issue seems to happen when I am using the radeditor inside the FormTemplate of a radgrid. I have worked out one work around but do not want to have to use this long term as it seems to be a bug with either the radgrid or the radeditor.
The work around involves putting a dummy radeditor on the page outside of the grid using the code below.
I am wondering if there is some event that needs to run on the page after loading, if the editor is inside the grid template then the code doesn't work unless the user does something like hit the resize button. Would that make sense - is there some JS that runs on page load for the editor?
Regards,
Jon
Further to my email I have found that this issue seems to happen when I am using the radeditor inside the FormTemplate of a radgrid. I have worked out one work around but do not want to have to use this long term as it seems to be a bug with either the radgrid or the radeditor.
The work around involves putting a dummy radeditor on the page outside of the grid using the code below.
<div style="width:0px;height:0px;overflow:hidden;visible:false;"><telerik:RadEditor ID="dummy" Runat="server" Height="1px" Width="1px"></telerik:RadEditor></div>I am wondering if there is some event that needs to run on the page after loading, if the editor is inside the grid template then the code doesn't work unless the user does something like hit the resize button. Would that make sense - is there some JS that runs on page load for the editor?
Regards,
Jon
0
Hello Jon,
Please, make sure that you use the latest version 2010.3 1215 of RadControls for ASP.NET AJAX.
This behavior might occur if by some reason the RadEditor's CSS files are not fully loaded. Could you please register the external RadEditor skins as it is shown in this KB article: Registering an external skin of RadEditor?
You can also take advantage of the recently introduced CDN support which will allow you to load the controls skins from the Telerik CDN. Telerik CDN is hosted on the Amazon CloudFront service.
You can find more information about our CDN support here and here.
By loading the external or CDN skins you will ensure that the editor will load its skin.
All the best,
Rumen
the Telerik team
Please, make sure that you use the latest version 2010.3 1215 of RadControls for ASP.NET AJAX.
This behavior might occur if by some reason the RadEditor's CSS files are not fully loaded. Could you please register the external RadEditor skins as it is shown in this KB article: Registering an external skin of RadEditor?
You can also take advantage of the recently introduced CDN support which will allow you to load the controls skins from the Telerik CDN. Telerik CDN is hosted on the Amazon CloudFront service.
You can find more information about our CDN support here and here.
By loading the external or CDN skins you will ensure that the editor will load its skin.
All the best,
Rumen
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.