When designing a business document, such as an invoice, you may want a large header on the first page and a much smaller header on the following pages. In the section below, you can learn how to create a flexible header to achieve this.

First, let's envision a generic document with multiple detail lines. We can achieve this by using a simple repeat loop.

On the page element first, we right-click to add both header and a footer. Inside both of these, you can add a dynamically positioned container to adjust the size of each.

Inside the body, we can, for example, add a repeat loop that inserts 100 detail text lines:

With the settings above, we obtain the following result:

However, we want a smaller header on page 2 and beyond. To achieve this, we can add conditions (a select element ) to differentiate between the first page and the subsequent pages.

To make that selection, we can use the built-in function, ng:page-number or define a variable,  that increments with each page.

We can now build a flexible header like below: