White Border problem in report

[Josh]

Support,

My company has a web application that is designed specifically for IE8 only. Our site has the background color "#EFF2FB" across the content of pages.  I placed a ReportViewer on my page and I have set the background color programmatically as so:

 

System.Drawing.

Color c = System.Drawing.ColorTranslator.FromHtml("#EFF2FB");

 

ReportViewer1.BackColor = c;

 

However, there is a white line that I cannot remove from the page.  By using the IE8 developer tool (F12), I was able to determine that the white line is coming from a place in the body tag of the IFRAME.  Specifically, it is in the ReportViewer1_ReportArea_DocumentMapFrame body tag.  I know this, because if set the background color of this element to #EFF2FB the white line goes away. 

Is there some way that I can make this the desired color? 

Thanks,
Josh

[Steve]

Hi Josh,

We've tried to replicate the issue on our end using the Product Catalog demo report (as it has document map), but did not notice a white line (see attached screenshot). We would appreciate if you provide us with a sample web site or a screenshot showing the problem. Once we review it, we would be able to provide you with more info.

Regards,
Steve
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Josh]

Support,
Seeing as I can't use attachments I have copied and pasted part of the html source from my page.
that contained the report viewer:

<div id="ctl00_MainContent_PanelReport">

    <div id="DivReport" style="Overflow:hidden; width:100%;">
        <div id="ctl00_MainContent_ReportViewerCaseManagement" style="background-color:#EFF2FB;height:375px;width:100%;">
        <script type="text/javascript" src="/MASTRR/Telerik.ReportViewer.axd?name=Resources.ReportViewer.js&amp;version=3.2.9.1211&amp;optype=Resource">

</script><script type="text/javascript" src="/MASTRR/Telerik.ReportViewer.axd?name=Resources.Parameters.js&amp;version=3.2.9.1211&amp;optype=Resource">

</script><table id="ctl00_MainContent_ReportViewerCaseManagement_ReportTable" cellspacing="0" cellpadding="0" border="0" style="height:100%;width:100%;border-collapse:collapse;">
            <tr style="height:1px;">
                <td></td>
            </tr><tr style="height:1px;">
                <td><input name="ctl00$MainContent$ReportViewerCaseManagement$CP" type="hidden" id="ctl00_MainContent_ReportViewerCaseManagement_CP" /></td>
            </tr><tr style="height:100%;">
                <td style="height:100%;"><div style="width:100%;height:100%;">
                    <iframe id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_PreviewFrame" width="0px" height="0px" style="top:-2;z-index:-54321;position:relative;" src="javascript:''" frameborder="0"></iframe><table id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_ReportArea" cellspacing="0" cellpadding="0" border="0" style="border-width:0px;height:100%;width:100%;border-collapse:collapse;">
                        <tr id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_ReportAreaRow" style="height:100%;width:100%;">
                            <td id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_LeftCell" valign="top" style="height:100%;width:1px;"><iframe id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_DocumentMapFrame" width="100%" height="100%" src="javascript:''" frameborder="0"></iframe></td><td id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_SplitterCell" class="ReportViewerSplitterBar" style="height:100%;width:4px;display:none;background-image:url(/MASTRR/Telerik.ReportViewer.axd?name=Skins.Default.Splitter.gif&version=3.2.9.1211&optype=Resource);"></td><td id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_RightCell" style="height:100%;"><iframe id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_ReportFrame" width="0px" height="0px" src="javascript:''" frameborder="0"></iframe><div id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_WaitControl" id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_WaitControl" style="cursor:wait;display:none;width:100%;height:100%;">
                                <table style="width:100%;height:100%;">
                                    <tr>
                                        <td style="vertical-align:middle;text-align:center;"><img src="/MASTRR/Telerik.ReportViewer.axd?name=Skins.Default.Loading.gif&amp;version=3.2.9.1211&amp;optype=Resource" alt="Loading image." style="border-width:0px;" /><br/><span class="WaitText">Generating report...</span></td>
                                    </tr>
                                </table>
                            </div><div id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_ErrorControl" class="ReportAreaErrorControl" style="display:none;">
                                <span id="ctl00_MainContent_ReportViewerCaseManagement_ReportArea_ErrorLabel" class="ReportAreaErrorLabel"></span>
                            </div></td>
                        </tr>
                    </table>
                </div></td>
            </tr>
        </table>
    </div>

I have "solved" the problem using Javascript.  However, I don't like my solution given that it doesn't always work.  If the page load time is longer than I have given it then the solution doesn't work.  Here's the Javascript to set the Iframe body's background color to what I need it:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">

    // execute the below method on page_load, but wait 3200 milliseconds so that the pageviewer object has time to load.
    window.setTimeout(function() {RemoveWhiteLine()}, 3200);

    function RemoveWhiteLine()
    {
        var bodyTag = document.frames("ctl00_MainContent_ReportViewerDemographics_ReportArea_DocumentMapFrame").document.body;
        bodyTag.style.backgroundColor = "#EFF2FB";
        var x = 10;
    }
</script>
</telerik:RadCodeBlock>

Is there a better solution that you can give me for this problem?

Thanks,
Josh

[Steve]

Hello Josh,

We need the actual aspx page in order to reproduce the problem and not the output HTML. Please provide us with a sample project either by opening a support ticket and attaching it there or attach it to one of the free file servers out there and provide us with link to it.

Looking forward to your reply.

Kind regards,
Steve
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.