locked
Report does not display correctly in Mozilla Firefox ? RRS feed

 > 

  • Question

  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1682007629 posted

    Hello,

    I have an Asp.net C# application that displays a reporting services report using the
    Report viewer control. The report looks fabulous in Internet Explorer, but when viewed
    in Mozilla Firefox, the report is only displayed in a tiny little window with scroll bars. The
    report can then only be viewed by moving the scroll bars. Plus only about one half of the
    report (Width and Height) can be seen at any one time.

    Does anyone know how to fix this? I tried creating a blank text box in the body of web form, and then
    in the properties specifying that the textbox can not grow or shrink. This did not fix the problem
    though. Does anyone know how to fix this?

    I am using VS 2008 with .NET 3.5, along with the laster version of the Mozillar browser. That is version
    3.0.10

    Wednesday, May 6, 2009 5:03 PM

Answers

  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1594494320 posted

    Hi

    Remove "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" in asp.net page(where report viewer control included) all reports are viewing in firefox and safari.

    Regards,

    Madhavi

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, May 7, 2009 1:13 AM
  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1594494320 posted

    Hi

    There might me some browser support issue from microsoft itself which we cannot fix right now. you can check the bellow link.

    http://msdn.microsoft.com/en-us/library/ms156511.aspx

     

    Regards,

    Madhavi

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, May 11, 2009 1:38 AM
  • Question
    Sign in to vote
    0
    Sign in to vote
    User1506406490 posted
    Hi ,good day see this is now a days becoming a common issue that many of our tasks are not getting due respect from all browsers like(IE,firefox,Opera,chrome,apple safari),as many of times I also face the same prob, as we should make our job error free so we h to check in all the above browsers,it happens that the work that run on IE ,not run in mozilla,for that u check u main table format ,add the proper width,cellpadding,cellspacing,colgroup,span,and updated IE & mozilla versions,& try to add one master page ,that helps for less table updation,margin(top,right,bottom,left),etc.And u add the below code for the avoiding of browsers problem ,in master or index page above the table tag. <script language="JavaScript"> function disableEnterKey(e) { var key; if(window.event) key = window.event.keyCode; //IE else key = e.which; //firefox if(key == 13) return false; else return true; } </script> Hope u prob will be solve surely.Bye take care
    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, June 4, 2009 8:18 AM

All replies

  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1594494320 posted

    Hi

    Remove "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" in asp.net page(where report viewer control included) all reports are viewing in firefox and safari.

    Regards,

    Madhavi

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, May 7, 2009 1:13 AM
  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1682007629 posted

    Hi Madhovi,

    Yes, I did this quite a while ago, and it fixed the same problem in Internet Explorer. It will not fix the problem with FireFox though. I noticed others on the web have had the same problem, but I do not see any proposed solutions, besides making a hidden text box as wide as the page, and preventing it from shrinking or resizing dynamically. That did not work for me though? 

     

    Thursday, May 7, 2009 11:13 AM
  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1594494320 posted

    Hi

    There might me some browser support issue from microsoft itself which we cannot fix right now. you can check the bellow link.

    http://msdn.microsoft.com/en-us/library/ms156511.aspx

     

    Regards,

    Madhavi

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, May 11, 2009 1:38 AM
  • Question
    Sign in to vote
    0
    Sign in to vote
    User-1313403535 posted

    Adding this style, resolve the problem, but some features missing as Microsoft pointed http://msdn.microsoft.com/en-us/library/ms156511.aspx

     

     <style type="text/css">
        html, body, form
        {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        table#rptvReport
        {
            display: table !important;
            background-color:White;
            min-height:500px;
        }
    </style>
     

    where this is rptvReport the ID of the ReportViewer, here should be set the ID of your ReportView control. Actually what was the problem here is, When report is rendered a table has style property like

    style="display:inline-block"

    that is creating problem, what I have did here is changing this into

     display: table !important;
    I have same issue and I have resovled
    Thursday, June 4, 2009 7:52 AM
  • Question
    Sign in to vote
    0
    Sign in to vote
    User1506406490 posted
    Hi ,good day see this is now a days becoming a common issue that many of our tasks are not getting due respect from all browsers like(IE,firefox,Opera,chrome,apple safari),as many of times I also face the same prob, as we should make our job error free so we h to check in all the above browsers,it happens that the work that run on IE ,not run in mozilla,for that u check u main table format ,add the proper width,cellpadding,cellspacing,colgroup,span,and updated IE & mozilla versions,& try to add one master page ,that helps for less table updation,margin(top,right,bottom,left),etc.And u add the below code for the avoiding of browsers problem ,in master or index page above the table tag. <script language="JavaScript"> function disableEnterKey(e) { var key; if(window.event) key = window.event.keyCode; //IE else key = e.which; //firefox if(key == 13) return false; else return true; } </script> Hope u prob will be solve surely.Bye take care
    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, June 4, 2009 8:18 AM
  • Question
    Sign in to vote
    0
    Sign in to vote
    User1944386031 posted


    For Those we are getting there Report Shrinking in Chrome Browser in Report viewer control
    Javascript Code will resize the Viewer Window and set the div width to correct value. applicable to reportviewer 9.0.0.0

    var t1;
function manageWidthReportViewer(behID) {
    t1 = window.setInterval("SetWidthForCrome()", 1);
}
function SetWidthForCrome() {

    var mainReportViewer = document.getElementById('iFrameMainReportViewerContainer');
    var reportFrame = mainReportViewer.contentWindow.document.getElementById('ReportFramereportViewer');
    var report = reportFrame.contentWindow.document.getElementById("report");
    if (mainReportViewer.contentDocument.getElementById("reportViewer") != null)
        mainReportViewer.contentDocument.getElementById("reportViewer").childNodes[2].childNodes[1].childNodes[1].style.float = "left";
    if (report != null && report.contentDocument.getElementById("oReportCell") != null) {
        report.contentDocument.getElementById("oReportCell").style.width = "100%";

        report.onload = function () {
            try {
                manageWidthReportViewer();
            }
            catch (ex) {
                alert(ex);
            }
        };

        window.clearInterval(t1);
    }

}


function SetReportViewerDim() {
    var controlPanelHeight = screen.availHeight - 210;

    var mainReportViewer = document.getElementById('iFrameMainReportViewerContainer'); //set
    mainReportViewer.removeAttribute('height');
    mainReportViewer.style.height = (controlPanelHeight - 37) + "px";

    var reportViewer = mainReportViewer.contentWindow.document.getElementById('reportViewer'); //set
    reportViewer.style.height = (controlPanelHeight) + "px";

    var reportFrame = mainReportViewer.contentWindow.document.getElementById('ReportFramereportViewer');

    if (Sys.Browser.name == "Safari") {
        manageWidthReportViewer(reportFrame);
    }

   
}
    Friday, February 17, 2012 2:17 AM