Template: Large header on page 1 only

Template: Large header on page 1 only

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:

 NG2TemplateExample_FlexHeader0001

 

With the settings above, we obtain the following result:

 NG2TemplateExample_FlexHeader0002

 

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:

 NG2TemplateExample_FlexHeader0003

 

    • Related Articles

    • Page header

      If you are creating a normal business document e.g. an invoice, then you probably want a fixed header with customer name and address and column headings for the detail lines. Such elements must be inserted in the page header element. To create a page ...

    • Template: Make room for total on last page

      If you're working with a standard business document, you're likely using the header and footer in your template. A simple example is provided in the section, Template: Header, footer and body area. However, you might have a specific requirement for ...

    • Template examples

      This section includes some template examples: 1.The options for handling detail lines. 2.Set a header, footer and body area for a normal business document. 3.Large header on page 1 only. 4.Make room for total on last page. 5.Labels filled out from ...

    • Template: Header, footer and body area

      If you're looking to create a standard business document, you'll likely want to define a header, footer, and body area in your template. When you first create a new template, then you only have one container in the page element. All of the design ...

    • Page overflow

      When you insert many dynamically positioned elements in your output, then InterFormNG2 will automatically force a page overflow. This section covers the page overflow in details: Introduction Flexible header size. Flexible footer size - for a total ...