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

4 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
    Admin
    Ianko avatar
    1684 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">
        <CssFiles>
            <telerik:EditorCssFile />
        </CssFiles>
    </telerik:RadEditor>


    Regards,
    Ianko
    Telerik
     

    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.

     
  3. Shivlila
    Shivlila avatar
    3 posts
    Member since:
    Jul 2016

    Posted 24 Mar in reply to Ianko Link to this post

    Hi Lanko,

    We have fixed "Rad Editor copy paste issue on FF 52.0 version" mentioned in http://www.telerik.com/forums/radeditor-paste-not-working-in-firefox#pk3gjf71h0y5FWr8AjaQ8g entry.

    But now we are facing this issue as we have added ContentAreaMode="Div". I applied the mentioned solution but still this issue does not fix. Could you please suggest.

     

    Thanks,

    Shivlila

     

    Thanks,

    Shivlila

  4. Ianko
    Admin
    Ianko avatar
    1684 posts

    Posted 24 Mar Link to this post

    Hello Shivlila,

     

    If the issues you refer to are the ones described in the forum thread you linked, they are not related to the topic originally discussed here. Plus, the solution here does not apply any changes to RadEditor with content area DIV. 

     

    I suggest you opening a new forum thread with the question you have and provide relevant details about the situation.

     

    On a side note, the paste behavior described in the other forum thread might be an old bug. Therefore, I suggest you upgrading and see if that will resolve the issue. If it does not, open a new forum thread or support ticket on the topic.

     

    Regards,
    Ianko
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top