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

White Border problem in report

3 Answers 68 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Josh
Top achievements
Rank 1
Josh asked on 13 May 2010, 08:53 PM

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

3 Answers, 1 is accepted

Sort by
0
Steve
Telerik team
answered on 17 May 2010, 03:35 PM
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.
0
Josh
Top achievements
Rank 1
answered on 17 May 2010, 08:09 PM
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

0
Steve
Telerik team
answered on 20 May 2010, 02:44 PM
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.
Tags
General Discussions
Asked by
Josh
Top achievements
Rank 1
Answers by
Steve
Telerik team
Josh
Top achievements
Rank 1
Share this question
or