Template: Large header on page 1 only

Template: Large header on page 1 only

When you design a business document e.g. an invoice, then you might want a large header on page 1 and a much smaller header on the subsequent pages of your document. In the section below you can see, how you can create such a flexible header.

 

First we imagine a generic document with many detail lines. Here we can create that with a simple repeat loop.

 

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

 

Inside the body we can e.g. add a repeat loop that inserts 100 detail text lines:

 

NG2TemplateExample_FlexHeader0001

 

With the settings above we get this result:

 

NG2TemplateExample_FlexHeader0002

 

But we want a smaller header on page 2 and onwards, so in order to get that we can add conditions (a select element) to select between the first and the other pages.

 

For that selection we can use the built-in function, ng:page-number or define and use a variable, that is increased for each page.

 

We can now build a flexible header like below:

 

NG2TemplateExample_FlexHeader0003

 

 

    • Related Articles

    • 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: Make room for total on last page

      If you have a normal business document, then you are probably using the header and footer option for the template. A simple example is covered in the section, Template: Header, footer and body area. You might however have a special requirement for ...

    • Page header

      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 ...

    • Template: Header, footer and body area

      If you want to create a normal business document, then you probably 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 elements ...

    • 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: 1.Introduction 2.Flexible header size. 3.Flexible footer size - for a ...