How do I set 100% height to the ASP.NET WebForms Report Viewer
Environment
| Product | Progress® Telerik® Reporting |
| Viewer | ASP.NET WebForms Report Viewer (legacy) |
Solution
In order to have the Web ReportViewer display with 100% height, you need to specify height to the whole DOM tree:
<html xmlns="http://www.w3.org/1999/xhtml" id="html">
<head runat="server">
<title>telerik Report Viewer</title>
<style type="text/css">
html#html, body#body, form#form1, div#content
{
height: 100%;
}
</style>
</head>
<body id="body">
<form id="form1" runat="server">
<div id="content">
<telerik:ReportViewer ID="ReportViewer1" runat="server" height="100%"/>
</div>
</form>
</body>
</html>
In some cases you would need to remove the default doctype (or use a less restrictive one) in order to get this working (e.g. IE 6).