danparker276
Top achievements
Rank 2
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>
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
0
danparker276
Top achievements
Rank 2
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>
<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
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
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.