New to Telerik Reporting? Download free 30-day trial

How do I set 100% height to the ASP.NET WebForms Report Viewer


Product Progress® Telerik® Reporting
Viewer ASP.NET WebForms Report Viewer (legacy)


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

<html xmlns="" id="html">
<head runat="server">
  <title>telerik Report Viewer</title>
  <style type="text/css">   
  html#html, body#body, form#form1, div#content
    height: 100%;
<body id="body">
  <form id="form1" runat="server">              
  <div id="content">
    <telerik:ReportViewer ID="ReportViewer1" runat="server" height="100%"/>

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

ASP.NET Web Forms Report Viewer

How to: Add report viewer to a web page

In this article