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

Report not show on IE 11 (0 height) while it's fine on Chrome

2 Answers 68 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
danparker276
Top achievements
Rank 2
danparker276 asked on 22 Nov 2013, 09:12 PM
I'm on windows 8.1
IE version 11.0.96600.16438
The report works, I can print it fine, but there is no height to the report, so I can't see it in IE.
 Chrome is fine.  

Very basic setup:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <telerik:ReportViewer ShowZoomSelect="True"   
            ZoomMode="PageWidth" Width="1000px" Height="500" ID="ReportViewer1" runat="server">
        </telerik:ReportViewer>
    </div>
    </form>
</body>
</html>

2 Answers, 1 is accepted

Sort by
0
danparker276
Top achievements
Rank 2
answered on 26 Nov 2013, 12:33 AM
Looking through the forums the only thing that worked was adding: 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

Now it's ok, I still can't get the height to use 100% though.  The following would give me a very small height, so I have to specify 500px

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <style type="text/css">           
        html#html, body#body, form#form1, div#content
        {  
            height: 100%;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="height:100%">

        <telerik:ReportViewer ShowZoomSelect="True" 
            ZoomMode="PageWidth" Width="1000px" Height="100%" ID="ReportViewer1" runat="server">
        </telerik:ReportViewer>
    </div>
    </form>
</body>
</html>
0
Accepted
IvanY
Telerik team
answered on 27 Nov 2013, 02:50 PM
Hello Dan,

Up to your question - you have not correctly added the id attributes of the elements. In order for this to work you will have to add id="html"  to the html tag, id="body" to the body tag and id="content" to the div tag and remove the style attribute from the div. Only then you will not need to hardcore the height in pixels.

Regards,
IvanY
Telerik

New HTML5/JS REPORT VIEWER with MOBILE AND TOUCH SUPPORT available in Telerik Reporting Q3 2013! Get the new Reporting version from your account or download a trial.

Tags
General Discussions
Asked by
danparker276
Top achievements
Rank 2
Answers by
danparker276
Top achievements
Rank 2
IvanY
Telerik team
Share this question
or