--- title: "Previous Report Builder: Image widget" description: Image widget allows you to add pictures to your report, to make it more interesting and break up long blocks of texts or lots of tables. Discover it now👉 --- [Skip to content](https://help.pointerpro.com/previous-report-builder-image-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. [Legacy Report Builder \[deprecated\]](https://help.pointerpro.com/report-builder?hsLang=en#legacy-report-builder-deprecated) # Previous Report Builder: Image widget ## Image widget allows you to add pictures to your personalized report, to make it more interesting. It can be a great way to keep respondents engaged and break up long blocks of texts or lots of tables.  ##### 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  --- Adding pictures to your reports, in some cases, can provide more detail than words and it can be a great way to display information! ![PDF: Image-example image widget](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35092840117/original/hR2Ls2_YvwU3ejrOViKj8mRqoNwuTzryJg.png?1597807797) ##### On this help guide page: 1. [Setting up the widget](https://help.pointerpro.com/previous-report-builder-image-widget#setup-widget) 2. [Widget logic rules](https://help.pointerpro.com/previous-report-builder-image-widget#widget-rules) --- #### 1. Setting up the widget 1.1 [Add an image](https://help.pointerpro.com/previous-report-builder-image-widget#add-an-image) 1.2 [Widget placement](https://help.pointerpro.com/previous-report-builder-image-widget#placement) ### 1.1 Add an image First, to add your picture, click Upload New Image, and drag and drop, copy and paste or choose the source of your picture.![PDF: Image- upload new image](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178645138/original/MfrGCVE1TNO35CQOz1tQkOPWBXP2tYrRgw.png?1666099891) WARNING   Your picture file must be under 2 MB. TIP   You can upload your pictures to [Media Library](https://help.pointerpro.com/migration/knowledge/media-library?hsLang=en) to create an image URL. This will also permit you to use them in your PDF report. After adding the picture, you can change the settings. ![PDF: Image- extra options](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178645371/original/hcS0CclFp5YaEevip3l4TnpgQpgTvjQeag.png?1666099939) 1. Widget name - name your widget for ease of reference 2. Image size - once you've uploaded your picture, you can resize it using the arrows. 3. Toggle to keep aspect ratio to maintain the height and width proportions as you resize the picture. 4. Image link - add a link to your picture   NOTE   Pictures that are uploaded will be reduced to 800px x 400px. To change this, you'll need to apply [custom CSS](https://help.pointerpro.com/migration/knowledge/previous-report-builder-pdf-design-settings-using-css?hsLang=en). The resolution of resized pictures will be reduced. ### 1.2 Widget placement Choose how you would like to align your picture. You can choose to align it to one side and have explanatory text or another widget on the other side or center it.![PDF: Image- placement](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178645413/original/BNoCeal1Wi2lqjND9BaMSsu7LxWuUCX_PA.png?1666099953) - Left - widget will be aligned to the left side of the page, in a column layout - Center - widget will be presented centered across the entire page from the left to the right (full width) - Right - widget will be aligned to the right side of the page, in a column layout If you would like a widget to appear next to the picture, make sure to set the widget aligned on one side of the page, and the image on the other. For example, choose to align the text widget to the left, and align a picture to the right. Click the Update preview button to see how the widget you've created looks like.![PDF: Image- preview ](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178852392/original/KwQuTHqlDJevVnnVeXraO9ZmGECfUXpvpQ.png?1666252653) Take a look below at some different layout possibilities:![PDF: Image-PDF Image placement](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35070668893/original/At4odsRFnLzB-yIYVYw92HqkTtQtRWGCrg.gif?1579607479) #### 2. Widget logic rules You can create logic rules so that widgets are only displayed when certain criteria are met. 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](https://help.pointerpro.com/migration/knowledge/logic-rules-for-conditional-content?hsLang=en). ![PDF: Image- logic rules ](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/35178852381/original/Qd29st5OpcxewYd5Ba0DS487hVAm78zf6w.png?1666252645)Once you've saved your logic rules, don't forget to save PDF and you're ready to add more widgets! #### What's next? - [Conditional Rendering](https://help.pointerpro.com/migration/knowledge/conditional-rendering?hsLang=en) is a way of displaying elements based on a condition. It allows you to create simple conditions inside a widget and reduce the number of widgets and rules. With Conditional Rendering, you can render different UI markups based on certain conditions. - The [custom results by respondent table](https://help.pointerpro.com/migration/knowledge/previous-report-builder-custom-results-by-respondent-table?hsLang=en) is a dynamic type of widget that will add records automatically to the table once you have set it up. You can set the maximum number of records to show and set the table to sort records from low to high or high to low. - The [PDF text widget](https://help.pointerpro.com/migration/knowledge/previous-report-builder-text-widget?hsLang=en) 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. - [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