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. 

---

---

Adding pictures to your reports, in some cases, can provide more detail than words and it can be a great way to display information!

This guide will teach you:

1. Setting up the widget
2. Widget logic rules

1. Setting up the widget

1.1 Add an image

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

After adding the picture, you can change the settings.

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

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.

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

Take a look below at some different layout possibilities:

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. 

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