Report on entire web page

2017-08-12

In previous articles, we discussed how to create a web report. And it looked like this:

 

Agree that not very attractive looks. Scroll bars, a small display area of the report. But it is possible to stretch a report on the entire page. To do this, set the properties of an object WebReport1 SinglePage how true. This means that the report will be displayed without page breaks. Change the Width and Heigh to 100%. Thus we get a report on a single page, stretched to the entire available width and height of the page. Since the report has only one page, you can hide the toolbar above. To do this, ShowToolbar property is set to false.

 

As you can see, the page of the report does take 100% of the available space. You can stretch the contents of the report on the entire page, if required. We use the property AutoWidth of WebReport object. If you enable it, the cells of the table will be automatically stretched to the desired width to fill the area of the report page. Moreover, when the browser window is resized, the width of the cell will be adjusted to display all the data. But for this property must disable another - Layers. This report will be exported to a HTML as tabular.

 

Now let's see how the report changed:

 

And so, if you resize the window:

So, using the properties of the object WebReport you can easily improve the appearance of the Web report.

.NET .NET FastReport FastReport ASP.NET ASP.NET WebReport WebReport
March 25, 2025

How to Merge Multiple Reports into One in FastReport .NET

FastReport .NET is a powerful tool for creating and managing reports. In this article, we will look at how to combine multiple reports into one in FastReport .NET.
March 11, 2025

How to Use FastReport .NET Avalonia on Fedora Workstation with Wayland Protocol

In this article, we will discuss how to run FastReport .NET Avalonia on the "Fedora Workstation 39" operating system with Wayland protocol.
March 07, 2025

How to Create a QR Code with an Image in FastReport .NET

The article figured out how to insert a picture into a QR Code from the report designer FastReport.NET in just a couple of clicks.
Fast Reports
  • 800-985-8986 (English, US)
  • +31 97 01025-8466 (English, EU)
  • +49 30 56837-3928 (German, DE)
  • +55 19 98147-8148 (Portuguese, BR)
  • info@fast-report.com
  • 66 Canal Center Plaza, Ste 505, Alexandria, VA 22314

© 1998-2025 Fast Reports Inc.