Progress® Telerik® Reporting R1 2018

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

Was this article helpful? Yes No

Give article feedback

Tell us how we can improve this article

Dummy