Progress® Telerik® Reporting R3 2017

How do I set 100% height to the Web Report Viewer

In order to have the Web ReportViewer display with 100% height, you need to specify height to the whole DOM tree:

HTML
<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).

See Also