logo
small logo
  • Products
  • Buy
  • Support
  • Articles
  • Customer panel Support
    • en
    • pt
    • es
    • de
    • pl
    • JP
    • ZH
  • Home
  • /
  • Articles
  • /
  • How to hide toolbar in web-reports
  • How to use WebReport with ASP .NET Web Core application

    January 17, 2018

    Recently FastReport introduced a new library under the .NET - FastReport Core platform. This is

    read more
  • How to create a report from web application code

    February 16, 2022

    Sometimes creating a report can turn into to be a real headache. For example, when

    read more
  • Interactive web report with drill down lists

    August 15, 2017

    In this article we look at how to create interactive reports with drop-down groups. We

    read more
  • How to use FR Core Web Report in Single Page Application Angular 7

    April 29, 2019

    The concept of one-page apps is finding an increasing number of supporters. One of the

    read more
  • Report generators family FastReport brief review

    March 23, 2020

    Without reporting it is impossible to carry on business in any sphere of life. Bureaucracy

    read more

How to hide toolbar in web-reports

March 16, 2017

By default, web - reports have the toolbar above them in case to control the report display:

 

In the object properties of “WebReport” you can control this toolbar, add and remove elements, change the layout and style.

 

For example, to display the toolbar at the bottom of the report window, use the “ShowBottomToolbar” property.

If you want to hide the toolbar use the “ShowToolbar” property. You can also remove the rest of the elements of control: buttons of moving through the report pages, export and printing.

There are two panel styles (ToolbarStyle) - Large and Small. It is also possible to choose from five sets of icons. And, of course, you can choose any color for the toolbar background.

For  example  :

 

If you do not like the standard panel, you can make your own one.

Let us place the component “Panel” under “WebReport1”. Add a button to the panel:


Сall the button “Show / Hide toolbar”. Double-click the button. The button will hide or show the toolbar, so the click event code will be following:

1
WebReport1.ShowToolbar = false;

 The result of the button clicking:

 

Now add other buttons that will have some functions of the toolbar buttons:

 

For the button “Prev.” add the code:

1
WebReport1.PrevPage();

For the button “Next” - similarly:

1
WebReport1.NextPage();

And for export to PDF:

1
WebReport1.ExportPdf();

Check the added buttons.

Report pages are switched:

 

By clicking on “ExportPDF” the save file dialog box appears.

The article provides support for creating a custom toolbar similar to the existing one. The toolbar will not be attached to the window of the report and it can be designed according to your taste.

about product download buy
avatar
Dmitriy Fedyashov
Technical Writer
Fast Reports Team: Dmitriy Fedyashov - Technical Writer at Fast Reports
.NET FastReport ASP.NET WebReport

Add comment
logo
  • 800-985-8986 (English, US)
  • +4930568373928 (German)
  • +55 19 98147-8148 (Portuguese)
  • info@fast-report.com
  • 901 N Pitt Str #325 Alexandria VA 22314
  • Buy
  • Download
  • Documentation
  • Testimonials
  • How to uninstall
  • Ticket system
  • FAQ
  • Tutorial Video
  • Forum
  • Articles
  • Our News
  • Press about us
  • Resellers
  • Contact us

© 1998-2022 by Fast Reports Inc.

  • Privacy Policy