PDF: Image

ReportR: Image


Using images in your personalized PDF report can be a great way to keep respondents engaged and break up long blocks of texts or lots of tables. 

This guide will cover the following sections:

  1. Setting up the widget
  2. Widget logic rules
  3. Other available widgets

1 Setting up the widget

1.1 Add an image

Name your widget for ease of reference. Now it's super-simple to add an image - let's see how it's done.

PDF Image

  1. Add an image - just click Upload New Image and drag and drop, copy and paste or choose the source of your image.
  2. Image size - once you've uploaded your image, you can resize it using the arrows.
  3. Toggle to keep aspect ratio to maintain the height and width proportions as you resize the image.


Images that are uploaded will be reduced to 800px x 400px. To change this, you'll need to apply custom CSS. The resolution of resized images will be reduced.

1.2 Widget placement

Choose how you would like to align your image. 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

  • 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 image, 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 an image to the right.

Take a look below at some different layout possibilities:

PDF Image placement

2 Widget logic rules

If you want to only show this widget under certain conditions, it's time to set the widget logic rules. Click add rule and now select which condition from the drop-down menu should be used to decide when to show the widget.

PDF Image - logic rules

Once you've chosen the initial condition, you can specify exactly what conditions need to be met, for example the answer on question must be greater than a certain number. If you need a more complex condition, click on the white circle with a purple + sign to add criteria that will be in addition to the other criteria (AND), or instead of (OR).

ReportR spiderchart - widget logic rules

Tip: If you have set up outcomes, you can choose an outcome as the criteria for showing the widget. Choose outcome from the drop-down menu and then select what the outcome should or should not equal so that the widget will be shown. You can set the outcome as the only criteria, or as an additional criteria as shown below. In this example, we clicked the purple button and added that the widget should be shown if both the response on intro field criteria AND the outcome criteria is fulfilled.

PDF Text widget with outcome criteria

Once you've saved your logic rules, don't forget to save 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?

  1. Text
  2. Table
  3. Page or Section Break
  4. Formula Ranking
  5. Custom Results by Respondent table
  6. Question Block KPI
  7. Formula KPI
  8. Spider Chart
  9. Column Chart
  10. Pie Chart
  11. Bar Chart
  12. Gauge Chart
  13. KPI
Vincent is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.