Editor putting horizontal lines over top of document while scrolling

3 posts, 0 answers
  1. Brandon
    Brandon avatar
    5 posts
    Member since:
    Aug 2012

    Posted 10 Aug 2012 Link to this post

    I can only seem to reproduce this in Chrome.  When a document is long enough to require a scrollbar, scrolling will put horizontal lines over the newly viewable part of the document. It seems to be related to the <td> which has a border that the iframe is in.  If I change the color of the border-bottom the lines output over the document change with it. I thought removing the border would resolve the issue, but it puts white lines over instead of black, transparent border has the same effect.  I can't seem to reproduce this in Chrome with regular iframes or any of the official demonstrations on this website.  

    I have tried changing ContentAreaMode to DIV and although the lines do not appear with this it causes other issues so isn't a viable solution.

    Any help anyone has would be much appreciated.
  2. Rumen
    Rumen avatar
    14419 posts

    Posted 14 Aug 2012 Link to this post


    Note that the content area of RadEditor is a standard editable iframe element and the rendering in it is managed by the browser and OS.

    I have the following suggestions to eliminate this browser behavior:
    1) Set the CssFiles property to point to an empty CSS file, e.g.

    <telerik:RadEditor ID="RadEditor1" runat="server">
            <telerik:EditorCssFile Value="~/Empty.css" />

    Therefore the editor will not load the page styles in its content area and this will eliminate the case when the problem is related to some style.

    2) Disable the content filters (ContentFilters="None")
    3) Remove the Undo/Redo buttons: Removing Toolbar Buttons
    4) Set <compilation debug="false" /> in the web.config file

    Best regards,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Brandon
    Brandon avatar
    5 posts
    Member since:
    Aug 2012

    Posted 14 Aug 2012 Link to this post

    Please remove the project link. 
    I figured out the issue, the css background attribute for the html element of the iframe was being set to #FFFFF, just setting it to none cleared the background and also removed the horizontal lines.
Back to Top