This is a migrated thread and some comments may be shown as answers.

Editor putting horizontal lines over top of document while scrolling

2 Answers 51 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Brandon
Top achievements
Rank 1
Brandon asked on 10 Aug 2012, 03:27 PM
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 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 14 Aug 2012, 12:07 PM
Hi,

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">
    <CssFiles>
        <telerik:EditorCssFile Value="~/Empty.css" />
    </CssFiles>
</
telerik:RadEditor>


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,
Rumen
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.
0
Brandon
Top achievements
Rank 1
answered on 14 Aug 2012, 04:52 PM
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.
Tags
Editor
Asked by
Brandon
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Brandon
Top achievements
Rank 1
Share this question
or