Previous Report Builder: Top-Flop

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:

PDF: Top-Flop- example

This guide will teach you:

  1. Setting up the widget
  2. Widget logic rules

1. Setting up the widget

1.1 Configure the data

1.2 Set Widget properties

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.

PDF: Top-Flop- widget configuration, add columns

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.

PDF: Top-Flop- add variables

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.

PDF: Top-Flop- extra options


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.

PDF: Top-Flop- widget placement and size

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

PDF: Top-Flop- update preview

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.

PDF: Top-Flop- add rules

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