Horizontal scrollbar appears by default for RadEditor where ContentAreaMode="Iframe"

2 posts, 1 answers
  1. Mahendra
    Mahendra avatar
    3 posts
    Member since:
    Oct 2012

    Posted 26 Nov 2014 Link to this post

    We are using RadEditor for capturing comments from user.
    We face a strange problem, with appearance of Horizontal scrollbar, even before adding any content.
    This occurs only when  ContentAreaMode="Iframe".

    This doesn't occur  when  ContentAreaMode="Div", but problem using Div is, it automatically increases the width of editor, if entered content width is more than control width. It happens even when we have mentioned fixed width for it.

    Please suggest a solution for this.

  2. Answer
    Ianko avatar
    1602 posts

    Posted 28 Nov 2014 Link to this post

    Hi Mahendra,

    This is most probably a side effect stemming from outside CSS rule intended for the html or body element.

    For example, such a rule will lead to the same issue:
    html, body {
        width: 100%;

    Note that iframe consist of html and body element and any global CSS styles in the main page affects them too. You can clear these styles in the Editor's content area by adding an empty EditroCssFile item to the CssFiles collection:
    <telerik:RadEditor runat="server" ID="RadEditor1">
            <telerik:EditorCssFile />


    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