--- title: "Basic Widgets: Page" description: Page widget allows you to start working on a new PDF page. This is also a handy widget if you want to add a background color or image. Discover it now👉 --- [Skip to content](https://help.pointerpro.com/report-builder-page-widget#main-content) [![Pointerpro-logo](https://help.pointerpro.com/hs-fs/hubfs/Pointerpro-logo.png?width=188&height=53&name=Pointerpro-logo.png)](https://pointerpro.com/) - [Getting started](https://help.pointerpro.com/how-to-get-started-with-pointerpro) - [Pricing](https://pointerpro.com/pricing) - [Customer stories](https://pointerpro.com/case-studies) Open main navigation Close main navigation - [Getting started](https://help.pointerpro.com/how-to-get-started-with-pointerpro) - [Pricing](https://pointerpro.com/pricing) - [Customer stories](https://pointerpro.com/case-studies) - [New here? Explore what Pointerpro can do](https://www.pointerpro.com/) [New here? Explore what Pointerpro can do](https://www.pointerpro.com/) How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledge Base](https://help.pointerpro.com/?hsLang=en) 2. [Report Builder](https://help.pointerpro.com/report-builder?hsLang=en) 3. [Widgets](https://help.pointerpro.com/report-builder?hsLang=en#widgets) # Basic Widgets: Page ## Page widget allows you to start working on a new PDF page. This is also a handy widget if you want to add a background color or image to specific pages of your report. ##### You'll need this: - One of these Pointerpro plans: ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Grey.svg)  Professional         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Grey.svg)  Enterprise         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Orange.svg)  ReportR         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Orange.svg)  DistributR  ---     Page widget is essential when creating your PDF report as you will be adding all content and other widgets onto it. It's like your canvas! By default, each widget is placed **one underneath the other.** However, when the content doesn't fit in one page it will be **automatically** pushed to a new one when you download your PDF.  For formatting purposes, you have to make sure that the content of your widgets inside a page fits exactly in **one page** when you download your PDF report. Otherwise, you have to **split** the content in more widgets and move them to the new page. Note that at the PDF editor the page **expands** automatically, so it is not always clear when you need to add a new page, especially if you use widget logic rules.  The '**Estimate where page breaks would occur'** toggle will help you, however, it is an estimation and not 100% accurate. Open page settings to enable the toggle for your PDF report. ![page break toggle](https://help.pointerpro.com/hs-fs/hubfs/page%20break%20toggle.png?width=650&height=303&name=page%20break%20toggle.png) You need to click the **Preview PDF** button to ensure that your widgets fit exactly in one page.  ##### On this help guide page: 1. [Add a new page](https://help.pointerpro.com/report-builder-page-widget#add-new-page) 2. [Additional settings](https://help.pointerpro.com/report-builder-page-widget#additional) 3. [Additional buttons](https://help.pointerpro.com/report-builder-page-widget#additional-buttons) --- #### 1. Add a new page To add a new **page**, all you have to do is **click** on it and **drag and drop** it under the current page. ![Page Section widget- add a new page](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35177259474/original/kGWBMU76GwQ-kIdL2XYokI9yg4vTm-EPkQ.gif?1664802347) Then you can add your widgets and start building your report.  NOTE   Your pages will use the margins that you set in the **Design** tab. Those margins will be the same on all pages. If you would like to have different margins on each page, then remove the margins from the design tab and add margins to your individual pages. ![page general settings](https://help.pointerpro.com/hs-fs/hubfs/page%20general%20settings.jpg?width=650&height=920&name=page%20general%20settings.jpg) #### 2. Additional settings Select the page widget and then at the right of the screen click on the **Settings** button. The widget list will be replaced by the additional settings. ![additional settings-Mar-25-2026-02-44-09-2141-PM](https://help.pointerpro.com/hs-fs/hubfs/additional%20settings-Mar-25-2026-02-44-09-2141-PM.png?width=650&height=276&name=additional%20settings-Mar-25-2026-02-44-09-2141-PM.png) TIP   If you already have a lot of content in your page and you can't easily select the page to view its settings, then select another widget and click the blue Arrow. This will allow you to quickly select a different layer. Here you can find the following settings: 1. [ID](https://help.pointerpro.com/report-builder-page-widget#id) 2. [Name](https://help.pointerpro.com/report-builder-page-widget#name) 3. [Rules](https://help.pointerpro.com/report-builder-page-widget#rules) 4. [Margins](https://help.pointerpro.com/report-builder-page-widget#margins) 5. [Estimate where page breaks would occur](https://help.pointerpro.com/report-builder-page-widget#estimate) 6. [Background color](https://help.pointerpro.com/report-builder-page-widget#bg-color) 7. [Background image](https://help.pointerpro.com/report-builder-page-widget#bg-image) 8. [Background repeat](https://help.pointerpro.com/report-builder-page-widget#bg-repeat) 9. [Background position](https://help.pointerpro.com/report-builder-page-widget#bg-position) 10. [Background size](https://help.pointerpro.com/report-builder-page-widget#bg-size) ##### 1. ID This is the ID of the widget. ##### 2. Name You can name your widget in order to identify it easier. ##### 3. Rules You can add your [widget logic rules](https://help.pointerpro.com/migration/knowledge/logic-rules-for-conditional-content?hsLang=en) to ensure that your content will be visible only when the conditions are true.  ##### 4. Margins Add margins to create space around elements and move them in your page. By default the margins are set to 0, but you can change that anytime and add the margin you prefer. ##### 5. Estimate where page breaks would occur When you activate this button, you will be able to see a dashed line if your content is **more** that the available space of your page. ![Page Section widget- estimate where the page breaks would occur ](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35177274074/original/9R6j5Hfj7eLehzVdvw1e83kVJGqhSuOrTg.png?1664808653) If the **dashed line** appears, this means that you have to add a new page and then move there all the widgets that touch the line or are placed below it. ![page break](https://help.pointerpro.com/hs-fs/hubfs/page%20break.png?width=500&height=437&name=page%20break.png) Note that this is an estimation, so make sure you click the **Preview PDF** button to check if your widgets for this page fit inside one single page. ##### 6. Background color You can change the background color of this specific widget by clicking the color selector. ##### 7. Background image Click Upload image to add a background image only to this widget.  A new pop-up window will open where you can select the file you want to upload. ![Page Section widget- select files to upload ](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35244094312/original/sQP7-PbfVDooco_FwxsJlglXsqFZFJJk3g.png?1725537855) You can change the position, the background repeat and background size from the dropdown menu at the settings. ![Page Section widget- clear background image](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35176205539/original/HdBEWKpCkHLmdI0f2LWcQwKZWsFiN5vY2Q.png?1663755709) To remove the image you can click the Clear button. ![Page Section widget- clear background image](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35176205115/original/uZwaMdTV_kHhLNC0v6ABGcSTj8Khv-vVvA.png?1663755488) IMAGE COMPRESSION   Note that uploaded images are compressed to some degree. Keep in mind that there may be some minor quality loss. In visuals this is hardly noticeable but you might notice it in the text inside of your image. Uploaded background images can be up to 2MB in size. When the image is larger than 2000 by 2000 pixels, it will be resized so the largest dimension is 800 pixels.  *Example: 3000x1500 pixels will be scaled down to 2000x1000 pixels.* TIP   Images containing small or thin text are the most sensitive to noticeable quality loss. We recommend putting the text inside of a text widget on top of the image, as explained [here](https://help.pointerpro.com/en/support/solutions/articles/35000257787-renewed-report-builder-layering-widgets?hsLang=en). ##### 8. Background repeat The background repeat property sets how background images are repeated. This is an example of a background image with **no repeat**. ![Page Section widget- background repeat](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35177274867/original/NcEldmsNHbDzOaLH3csAmzXodFjOz1zo_A.png?1664809070) Here is an example of the same background image **with background repeat**. ![Page Section widget- background image](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35177274938/original/YMJ6M3Z_jss69EFX-iZLQlM5lSye0DSEUg.png?1664809125) ##### 9. Background position The background position property sets the starting position of a background image. You can select from the dropdown unset, center, left top, left bottom, right top or right bottom. ![Page Section widget- background repeat](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35177275359/original/wtj9fumJ1_t_exLodNtQImUeZ_vjuai3LA.png?1664809236) Here is an example of the right bottom. ![Page Section widget- background repeat](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35177275053/original/f0VpWhvmNnFhctqKR7uMd7VJ7ri5Aex9Gg.png?1664809162) ##### 10. Background size The background size property sets the size of the element's background image. You can select from the dropdown unset, cover or contain. ![Page Section widget- background size ](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35177275649/original/gQOH4jq848w2uyoF227qkqwdvqv7Wrq4TA.png?1664809340) #### 3. Additional buttons When you click on your widget four blue buttons appear to the right. ![Page Section widget- additional buttons](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35177275956/original/DDq5HZeI9a9CxPfh4N3fP5xx0SRkscwDMQ.png?1664809454) The **Arrow** allows you to move between the different layers of the page. For example if you add a widget in a column then you have 3 layers: the page, the column and the widget. The arrow allows you to quickly select a different layer. The second icon, the **four arrow sign**, allows you to move your widget up or down to the page. The third icon, **the page**, allows you to copy this widget and the forth icon, **the bin**, to delete it. #### What's next? - [Report Builder - PDF step-by-step example](https://help.pointerpro.com/migration/knowledge/renewed-report-builder-pdf-step-by-step-example?hsLang=en): Check out our step by step guide to create an attractive and stylish PDF. It includes videos but also very detailed instructions. - [Basic Widgets: Table](https://help.pointerpro.com/migration/knowledge/renewed-report-builder-table-widget?hsLang=en): The Table widget allows you to display results clearly and concisely to your respondents. It is an easy and fast way of displaying any data in rows and columns. Rather than writing your data in text, you can make it more understandable and easy to read with this widget. - [Basic Widgets: Text](https://help.pointerpro.com/migration/knowledge/renewed-report-builder-text-widget?hsLang=en): The Report Builder text widget allows you to write and display your content in your report. You can use it to give further information about questions, give feedback or explain a particular answer. This is an absolutely essential building block of your PDF report. #### Don't want to build it yourself? Contact our professional services team [![Banner\_professional services\_2026](https://help.pointerpro.com/hs-fs/hubfs/Banner_professional%20services_2026.png?width=670&height=264&name=Banner_professional%20services_2026.png)](https://calendly.com/anna-golumbovskaia-pointerpro/let-s-discuss-your-project)   - [Getting Started](https://help.pointerpro.com/getting-started?hsLang=en#main-content) - [Getting Started](https://help.pointerpro.com/getting-started?hsLang=en#getting-started) - [How To Guides](https://help.pointerpro.com/getting-started?hsLang=en#how-to-guides) - [Glossary](https://help.pointerpro.com/getting-started?hsLang=en#glossary) - [Build & Design](https://help.pointerpro.com/build-design?hsLang=en#main-content) - [Intro Screen & Final Screen](https://help.pointerpro.com/build-design?hsLang=en#intro-screen-final-screen) - [Question Types](https://help.pointerpro.com/build-design?hsLang=en#question-types) - [Media & Variables](https://help.pointerpro.com/build-design?hsLang=en#media-variables) - [Design your survey](https://help.pointerpro.com/build-design?hsLang=en#design-your-survey) - [Campaigns](https://help.pointerpro.com/build-design?hsLang=en#campaigns) - [FAQ](https://help.pointerpro.com/build-design?hsLang=en#faq) - [Extra Options](https://help.pointerpro.com/extra-options?hsLang=en#main-content) - [Text options](https://help.pointerpro.com/extra-options?hsLang=en#text-options) - [Question logic](https://help.pointerpro.com/extra-options?hsLang=en#question-logic) - [Custom scoring](https://help.pointerpro.com/extra-options?hsLang=en#custom-scoring) - [Quiz Options](https://help.pointerpro.com/extra-options?hsLang=en#quiz-options) - [Kiosk mode options](https://help.pointerpro.com/extra-options?hsLang=en#kiosk-mode-options) - [Data collection options](https://help.pointerpro.com/extra-options?hsLang=en#data-collection-options) - [Other options](https://help.pointerpro.com/extra-options?hsLang=en#other-options) - [Integrations & API](https://help.pointerpro.com/extra-options?hsLang=en#integrations-api) - [FAQ](https://help.pointerpro.com/extra-options?hsLang=en#faq) - [Share & Results](https://help.pointerpro.com/share-results?hsLang=en#main-content) - [Sharing your questionnaire](https://help.pointerpro.com/share-results?hsLang=en#sharing-your-questionnaire) - [View Results](https://help.pointerpro.com/share-results?hsLang=en#view-results) - [Results Dashboard](https://help.pointerpro.com/share-results?hsLang=en#results-dashboard) - [Uploading and Downloading Results](https://help.pointerpro.com/share-results?hsLang=en#uploading-and-downloading-results) - [FAQ](https://help.pointerpro.com/share-results?hsLang=en#faq) - [Report Builder](https://help.pointerpro.com/report-builder?hsLang=en#main-content) - [General](https://help.pointerpro.com/report-builder?hsLang=en#general) - [Widgets](https://help.pointerpro.com/report-builder?hsLang=en#widgets) - [Aggregate Reports](https://help.pointerpro.com/report-builder?hsLang=en#aggregate-reports) - [FAQ](https://help.pointerpro.com/report-builder?hsLang=en#faq) - [Legacy Report Builder \[deprecated\]](https://help.pointerpro.com/report-builder?hsLang=en#legacy-report-builder-deprecated) - [Dashboard Builder](https://help.pointerpro.com/dashboard-builder?hsLang=en#main-content) - [General](https://help.pointerpro.com/dashboard-builder?hsLang=en#general) - [Widgets items](https://help.pointerpro.com/dashboard-builder?hsLang=en#widgets-items) - [Distribution Portal](https://help.pointerpro.com/distribution-portal?hsLang=en#main-content) - [Configuration](https://help.pointerpro.com/distribution-portal?hsLang=en#configuration) - [Management & Administration](https://help.pointerpro.com/management-administration?hsLang=en#main-content) - [Account & Billing](https://help.pointerpro.com/management-administration?hsLang=en#account-billing) - [GDPR compliance](https://help.pointerpro.com/management-administration?hsLang=en#gdpr-compliance) - [FAQ](https://help.pointerpro.com/management-administration?hsLang=en#faq) [![Pointerpro-logo](https://help.pointerpro.com/hs-fs/hubfs/Pointerpro-logo.png?width=140&height=39&name=Pointerpro-logo.png "Pointerpro-logo")](http://pointerpro.com) Can't find what you're looking for? Contact us at [support@pointerpro.com](mailto:support@pointerpro.com) Copyright © 2026, Pointerpro