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

RAdEditor not responding to height and width, and overlapping

7 Answers 49 Views

Editor

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

Andrew asked on 10 Sep 2019, 01:09 PM

emn1.png

Hi Team,

I'm experiencing some issues with the RadEditor, it is not responding to the height and width value and it is overlapping the editor below, Please see attached image.

When debugging,using the browser inspect, if the height is unchecked, it resizes accordingly and displays properly, but there is no inline- height specified on the editor, I have only Web20 skin as the style on the editor, no other style, but by the default it keeps adding height and width with value on it and I don't know how its generating the values or where it is specified.

Thanks in advance

7 Answers, 1 is accepted

answered on 10 Sep 2019, 10:18 PM

ming9uc-1.png

I am also seeing the same issue with my radeditor using the web20 skin. Looks like the issue may have started last week. Any help with this would be greatly appreciated.

answered on 11 Sep 2019, 03:43 PM

Hi guys,

This is a browser regressions introduced with the latest version of Chrome.

Can you set the RenderMode property to Lightweight, which should solve it?

Another thing to test is setting ContentAreaMode="Div".

If the problem still persists test with the latest Chrome Update and RadEditor version 2019.2.514.

Check also the live demo where you can change the render mode - https://demos.telerik.com/aspnet-ajax/editor/examples/rendermodes/defaultcs.aspx. Are you able to reproduce the appearance issue here?

Regards,
Rumen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

Accepted

answered on 12 Sep 2019, 08:08 AM

Hi folks,

Here is an update on the issue:

The possible approaches to fix it are:

1) Switch the content area to Div since the problem is applicable to iframe in a table only, e.g.

<telerik:RadEditor runat="server" ContentAreaMode="Div" />

or

2) Use lightweight rendering by setting the RenderMode to Lightweight. You can also apply it to all Telerik controls via the web.config:

<appSettings>

<add key="Telerik.Web.UI.RenderMode" value="lightweight" />

</appSettings>

or

3) Upgrade to Q3 2013 - 2013.3.1015 or a later version, since the problem is not reproducible with them.

Please test the proposed variants and let me know how it goes.

Thank you!

Best Regards,
Rumen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.