This is a migrated thread and some comments may be shown as answers.

Report Viewer Height

2 Answers 297 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Darren asked on 06 Aug 2009, 03:35 PM

Hi,

I'm trying to make the report viewer height 100%. I tried following the example in best practices. I can make it work with this doctype:

    
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

I tried to use the doctype from the demo:

    
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Here's my ASPX:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EventMetrics.aspx.cs" Inherits="GateSureWeb.Reporting.EventMetrics" %> 
        
            <%@ Register assembly="Telerik.ReportViewer.WebForms, Version=3.1.9.701, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" namespace="Telerik.ReportViewer.WebForms" tagprefix="telerik" %> 
        
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server"> 
        
                <title>Event Metrics</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server" style="height: 100%;"> 
        
                <div id="content" style="height: 100%;"> 
        
                    <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="100%" Width="100%" 
        
                        Report="EnveraReports.EventMetrics, EnveraReports, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null"> 
        
                    </telerik:ReportViewer> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Here's my CSS but it didn't work:

    
            body 
        
            { 
        
                font-family: Arial, Helvetica, Sans-Serif; 
        
                font-size:10pt; 
        
                height:100%; 
        
            } 
        
            form#form1, div#content 
        
            { 
        
                height: 100%; 
        
                width: 100%; 
        
            }

I had to style the report viewer right in the ASPX.

What am I doing wrong?

Thanks,
Darren

2 Answers, 1 is accepted

Accepted

answered on 06 Aug 2009, 04:41 PM

Hello Darren ,

You have to set height: 100% for the <html> element as well:

    
            <%@ Register Assembly="Telerik.ReportViewer.WebForms" Namespace="Telerik.ReportViewer.WebForms" 
        
                TagPrefix="telerik" %> 
        
            <!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" style="height: 100%"> 
        
            <head id="Head1" runat="server"> 
        
                <title>Event Metrics</title> 
        
            </head> 
        
            <body style="height: 100%"> 
        
                <form id="form1" runat="server" style="height: 100%;"> 
        
                <div id="content" style="height: 100%;"> 
        
                    <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="100%" Width="100%"> 
        
                    </telerik:ReportViewer> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Hope this helps.

Best wishes,
Chavdar
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Report Viewer Height

2 Answers, 1 is accepted