The top-flop widget is a useful feature to show respondents the areas in which there has been an improvement (top) or the areas which scored lowest (flop). If you want to show both the highest scored questions and lowest-scored questions, add this widget type twice and select Top for one widget and Flop for the other one.
You need custom permission to set up this widget. Contact us!
This is an example:
This guide will teach you:
1. Setting up the widget
1.3 Widget placement
1.1 Configure the data
The highest or lowest scored questions will be displayed in the report as a table, so here's where you can configure how much info you want to display in the table. You can click Add column to add your column names and values.
The column name will be displayed on the first row of the table to label each column. Make sure you give clear column names so that readers of the PDF report will understand what they're looking at. Use the arrow to select the column value you want to display from the drop-down list.
1.2 Set Widget properties
When you've finished setting up the table, name your widget and simply choose which type of scores you want to choose - top to show the highest scoring questions, and flop to show the lowest. Use the arrows to limit how many rows are displayed - keep your table short, sweet, and to the point, so respondents are not overloaded with information.
To make advanced design changes to the table, you can upload a custom CSS file.
1.3 Widget placement
Choose how you would like to align your widget. 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
Click the Update preview button to see how the widget you've created looks like.
2. Widget logic rules
The widget logic rules are similar to the rules in our survey editor and can be used if you want this table to only be displayed in certain instances. 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!
- 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 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.