PDF: 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 top scored questions and lowest-scored questions, add the top-flop widget twice and select Top for one widget and Flop for the other widget.

Essential  ✗
Professional  ✗
ReportR ✓


You need custom permission to set up Top-Flop. Contact us!

Make it more engaging and informative with the Top-Flop widget This is an example of top-flop:

Top-Flop example

This guide will take you through:

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

1 Setting up the widget

Let's see how to set this up;

1.1 Configure the data

The top or flop 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.

Add column - top-flop

The column name will be displayed on the top 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.

flop-top - name and value

1.2 Set table 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 top-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. 

top-flop settings

Tip: 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 top-flop widget. You can choose to align it to one side and have explanatory text or another widget on the other side or center it.

widget 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

Click the Update preview button to see how the widget you've created looks like.

preview widget

2 Widget logic rules

The widget logic rules are similar to the rules in our survey editor and can be used if you want the top-flop 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

widget logic rule

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? 

Here is a full list of widgets like text, image, table, and more!

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.