editor issue in chrome

3 posts, 0 answers
  1. Jiju
    Jiju avatar
    57 posts
    Member since:
    Jul 2011

    Posted 23 Apr 2014 Link to this post


    I use rad editor in my page, when using telerik version 2012.2.724.40, it shows some design issue in google chrome ( see the image), and when i use the version  2013.3.1324.40, it display the editor correctly, 
    Please let me know how to fix the issue in version 2012.2.724.40.


  2. Jiju
    Jiju avatar
    57 posts
    Member since:
    Jul 2011

    Posted 24 Apr 2014 Link to this post


    In my page I use below javascript function to resize the editor relative to the browser's height

    <telerik:RadEditor Runat="server" ID="editor1" EnableResize="false" ContentAreaMode="Iframe" Height="100px">

    function ResizeEditor() {
            var nWindowHeight = $(window).height();
            var editor = $find("<%=editor1.ClientID%>");
            if (editor != null) {
                editor.setSize("", nWindowHeight * 0.5);


    and if the contentAreaMode is IFrame then it shows as in the first image (image1), and the editor not resizing when resize the browser.
    but if we change the ContentAreaMode to Div, then it shows as in the second image (image2), and teh editor resizing when resize the browser, but not the content area.

    How to fix the issue?


  3. Ianko
    Ianko avatar
    1940 posts

    Posted 25 Apr 2014 Link to this post

    Hello Jiju,

    I recommend using the latest available version of the Telerik UI for ASP.NET AJAX to resolve the issues.

    The RadEditor control is greatly improved about its rendering and know provides more consistent behavior across browsers. These improvements are quite complex and I cannot provide a simple workaround to resolve the layout issues.

    About resizing the control according to the browser, I can also suggest using a later version of the controls to improve using of editor dimensions with percent values. Also I can suggest following this help article.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top