Time for action – configuring the layout

We will create a new report and configure its layout in order to be able to carry out this chapter's exercises. The most important configuration is establishing the values of Attributes.style-class and Attributes.xml-id, as later these will be used for creating CSS Rules.

1. Create a new report and save it with the name 17_Adding_Style_Sheets.prpt.

2. Configure the layout of our report so that it looks like the following screenshot:

   

3. In the Page Header section, add a Label and configure it as follows:

   • Attributes.value= =CONCATENATE("Welcome ";["env::username"])

   • Attributes.style-class= =["env::username"]

   • Style.family= FreeSans

   • Style.font-size= 16

   • Style.bold= true

4. In the Page Header section, add a Horizontal-line and configure it as follows:

   • Attributes.style-class= =["env::username"]

   • Style.stroke= solid, 2.0

5. In the Report Header section, add a Label and configure it as follows:

   • Attributes.value= Again: Hello World!

   • Attributes.style-class= =["env::username...