The Table widget allows you to display results clearly and concisely to your respondents. It is an easy and fast way of displaying any data in rows and columns.
Rather than writing your data in text, you can make it more understandable and easy to read with this widget. Here is an example of how this could look like:
This guide will teach you:
1. Add a table widget
To add a table widget to the page, all you have to do is click on it and drag and drop it on the page.
If you would like to create columns and add a table to the left and another widget to the right, then first you would need to select the 2 columns layout.
Then you can drag and drop the column widget on your page and add the table widget to the left column and a text widget to right one. This is what it looks like.
Once you add the table widget a pop-up window will open where you can add your content. First you need to select the number of your columns and click Add Row.
The row fields will be as many as your columns.
You can add simple text to the fields or you can click on the Add variable button and select your variables from the dropdown list.
Once you finish editing your rows, you can select the table style. There are four options: Basic, Header, Banded or Column You can change your table width at the Set Table Properties and the colors by clicking the color selectors.
Once you click the color selector, it will expand and you will be able to select the color you want or add the color hex. To save just click Apply color and then Save and close.
2. Additional settings
Select the table widget and then at the right of the screen click on the gear button. The widget list will be replaced by the additional settings.
Here you can find the following settings:
1. ID
This is the ID of the widget.
2. Name
You can name your widget in order to identify it easier.
3. Rules
You can add your widget logic rules to ensure that your content will be visible only when the conditions are true.
When you click the Edit rule button a new pop-up window will appear.
Select from the dropdown menu the option you want, and then fill in all the required fields. Once you add everything you can click the Submit button.
Your content will not be displayed on the page anymore, instead of the content, you will be able to see the widget logic rules.
If you would like to edit your content again just click on the rule and the widget will expand. To edit the rule you would have to click on the Edit rule in the settings.
This is the window where you can delete the rule by clicking on the Delete rule button.
4. Margins
Add margins to create space around elements and move them on your page. By default, the margins are set to 0, but you can change that anytime and add the margin you prefer.
3. Additional buttons
When you click on your widget, 4 blue buttons appear.
The Arrow allows you to move between the different layers of the page. For example, if you add a widget in a column then you have 3 layers: the page, the column, and the widget. The arrow allows you to quickly select a different layer.
The second icon, the four arrow sign, allows you to move your widget up or down to the page.
The third icon, the page, allows you to copy this widget, and the forth icon, the bin, to delete it.
What's next?
- Renewed Report Builder - PDF step by step example: Check out our step by step guide to create an attractive and stylish PDF. It includes videos but also very detailed instructions.
- Renewed Report Builder - Image widget: This 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, in some cases, can provide more detail than words and it can be a great way to display information!
- Renewed Report Builder - Text widget: The Report Builder 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.