Use a Page or Section Break widget when you want to have a specific section (widget) starting on a new page. This is also a handy widget if you want to add a background color to specific pages of your report.
By default, each section (widget) in your PDF report is placed one underneath the next and a new page will start whenever necessary. But for esthetic purposes, it can be handy to start a section on the next page.
This guide will take you through:
1 Setting up the widget
1.1 Basic page break set-up
When you've added the page or section break widget, there's not much more you need to do! Just check that the page padding is as you want it. Adjust it using the arrows or by entering the desired value in mm.
The pages until the first-page break will use the options that you set in the Design tab. After you have inserted a page break, the page padding values will apply to all of the pages until the next page break.
Here's an example of how page breaks are used to ensure that each part of the report will start on a new page.
1.2 Page Background
Why not jazz up your report by adding an interesting color, image, or text? Use this widget to set different colored sections, add images and texts for your PDF report.
Backgrounds will only work when the page margins set in the Design tab are all set to 0.
Once you've set the page margins to 0, the page background options will be visible. If you want to use backgrounds (image or color), the first widget MUST be a page break (even though it has no background yet). Don't worry - this will not create a blank page.
Click the pencil icon to select the background color, and if you want to add a background image, click Add and upload your image.
1.3 Page Grid
You can add design elements to the background of your page by clicking Add image or Add text on your Page background grid.
- Drag, Delete or edit the Image you have added
- Fixed page count - Choose how many pages you want this text to be displayed. If you leave it empty the PDF generator will determine the number of pages
- Name - This is only for you to see
- Click Add to add your image
- Image position - Choose whether you want your image to be displayed on the top, center, or bottom of your grid
Image position at the bottom of the grid
Image position at the top of the grid
The grid has a 4x4 size, you can change the size of it by dragging it behind the limits;
Here's an example of how you can use the Background grid;
2 Widget logic rules
You can add widget logic rules if you only want a page break to occur under certain conditions. If you want to show a general widget that is visualized every time a PDF report is generated, you can choose not to include a widget logic rule. Learn more about Widget Logic.
Once you've saved your logic rules, don't forget to save your PDF and you're ready to add more widgets!
3 Other available widgets
Why not check out our other widget guides and learn how to add other types of content to your PDF? Here is a full list of widgets like text, image, table, and more!