Time for action – configuring the Report Header and Details Header sections

In the ensuing steps, we will configure the Report Header and Details Header sections so that it looks as follows:

  1. In the Report Header section, we will add a label with the header text.
  2. To do this, we must drag-and-drop the insertable object Label (Time for action – configuring the Report Header and Details Header sections); this means that we need to drag it and release it in the work area that belongs to the Report Header section. Next, we will configure this label so it includes the text First Report: Hello World in bold face, centered, and large font size.
  3. To do so, we will select the label we just added in the work area and configure its Attributes and Style properties.
  4. In the Attributes tab, as the value of the characteristic value, we enter First Report: Hello World.
  5. In the Style tab, as the value of the bold characteristic, we enter true.
  6. In the Style tab, as the value of the font-size characteristic, we enter 20.
  7. In the Style tab, as the value of the h-align characteristic, we enter CENTER.
    Note

    From now on, to indicate that a certain value should be entered in a certain characteristic of Attributes or Style, we will use the following notations:

    Attributes.value = First Report: Hello World

    Style.bold = true

    Style.font-size = 20

    Style.h-align = CENTER

  8. We will make the Details Header section visible in our report. The Details Header section is commonly used to place information of what you will see in Details.
  9. Go to the tab structure, and in the hierarchical tree, navigate to Master Report | Group: | Details Body | Details Header. Then set Attributes.hide-on-canvas to false as shown in the following screenshot:
  10. Place three labels in the work area of this section (by dragging-and-dropping) with the following text:
    • Location
    • Article
    • Qty of Sales
  11. Finally, configure the following characteristics:
    • Style.font-size = 12
    • Style.bold = true4. We insert a horizontal line (Time for action – configuring the Report Header and Details Header sections) under the preceding labels and configure it in the following way:
    • Style.stroke = solid, 4.0
    • Style.text-color = #009933

What just happened?

We customized the report's Report Header and added and configured a title. Also, in the Details Header section we added and configured three column headings and a horizontal line.

上一章目录下一章