RadEditor height issue in Chrome

[Arpita]

Hi,

 

I have upgraded Telerik dlls from 2012 to 2015 version and have a RadEditor issue inside a user control on Chrome.

This user control is placed inside a Modal popup within an Update panel on the parent page.

 

When the Radeditor is loaded, IFrame extends beyond the content body area in Design mode but it works fine in HTML mode.

If we set IFrame height to 100%, it works fine in design mode but misaligned in HTML mode(since for HTML mode Iframe height should be 0).

I have also tried to set Iframe height through javascript for different tabs but javascript function is not firing.

 

Please let me know how to resolve this issue.

 

[Ianko]

Hi Arpita,

When RadEditor us put into a modal popup, shown dynamically via JavaScript or moved through the DOM tree, it is expected its layout to fail.

This is a well known behavior and it is documented here—http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/troubleshooting/appearance-issues-with-initially-hidden-editor. The solution depends on the situation:

• When RadEditor is only shown dynamically—use repaint() method to only redraw the HTML elements of the editor.
  
  
  
• When moved through the DOM—use onParentNodeCnanged() method to entirely reload the editor. 

Hope that helps.

Regards,
Ianko
Telerik

[Arpita]

Hi Ianko,

 

Thanks for your quick response.

I was able to resolve the issue using RegisterClientScriptBlock for OnClientLoad function of RadEditor as it is placed inside an Update panel.

 

Thanks,

Arpita