Web Designer
Get Started / Tutorial 1: Create Static Report
In This Topic
    Tutorial 1: Create Static Report
    In This Topic

    A static report contains static data, that is, the data is not bound to any data source.

    What You Will Learn

    This tutorial guides you through the steps to create a static report in ActiveReports Web Designer.

    After you complete this tutorial, you will have a report that looks similar to the following.
    An Example for Static Report

    Access the ActiveReports Web Designer

    Run the Web Designer sample (WebDesigner_MVC(Core)) that you can download from the following link:

    https://github.com/activereports/WebSamples15/tree/master/WebDesignerSamples


    The Web Designer is opened in browser ready to create your reports.

    Create a Report Layout

    1. On the design area of your report, drag and drop a TextBox control Textbox Control Icon from the left pane of the designer.
    2. Click the text box to enter the text, for example, 'This is my first Static Report'. Resize the text box accordingly.

    Customize the Appearance of the Static Report

    1. Click the design area of the report.
    2. To change the background color of the report, go to the Properties panel and set Background Color property to a shade of blue color from Theme Colors, Standard Colors, Color Picker, or Web Colors.
      Setting the background color of the report to blue form the color palette
    3. To change the look of text box in the report, select the text box and set the following properties.
      Property Value
      BACKGROUND - Color Green
      Setting the background color property for the textbox in the Properties panel
      BORDER - Style Double
      Setting the border style for the textbox in the Properties panel
      BORDER - Width 3pt
      Setting the border width for the textbox in the Properties panel
      TEXT - Font Size 12pt
      Setting the text size for the textbox in the Properties panel
      TEXT - Font Family
      TEXT - Color

    Preview and Save Report

    1. Click Preview Preview Button to view the final output of your report. 
    2. Exit the preview mode by clicking Back on the left side of the designer.
    3. Click Save to open the Save dialog box. Enter the report name and click Save Report.

    The reports created in the ActiveReports Web Designer are saved in the 'resources' folder of the application.