Renewed Report Builder: Horizontal line

Add an horizontal line to your page to define thematic changes in the content. In the HTML language it is called <hr> tag, but you don't need code to add it to your page anymore.


 This guide will teach you:

  1. Add a horizontal line
  2. Additional settings
  3. Additional buttons

1. Add a horizontal line

To add a line to separate your content, all you have to do is click on it and drag and drop it on the page.

Report V2: Horizontal line- add a horizontal line

A new pop-up window will open, where you have to add the width of the line in pixels, select the style and color.

Report V2: Horizontal line- settings

There are 4 different styles to select from, solid line, dotted, dashed, or double.

Report V2: Horizontal line- style

This is how they look like.

Report V2: Horizontal line- example

You can also select a different color by clicking the color selector.

Report V2: Horizontal line- color

Once you click it the color selector will expand and you will be able to select the color you want or add the color hex.

Report V2: Horizontal line- color

To save just click Apply color and then save and close.

2. Additional settings

Select the horizontal line widget and then at the right of the screen click on the gear button. The widget list will be replaced by the additional settings.

Report V2: Horizontal line- style

Here you can find the following settings:

  1. ID
  2. Name
  3. Edit rule
  4. Margins

1. ID

This is the ID of the widget.
Report V2: Horizontal line- id

2. Name

You can name your widget in order to identify it easier.
Report V2: Horizontal line- name

3. Edit rule

You can add your widget logic rules to ensure that your line will be visible only when the conditions are true. 

Report V2: Horizontal line- edit rule

When you click the Edit rule button a new pop-up window will appear.

Report V2: Horizontal line- add conditions

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.

Report V2: Horizontal line- submit your rules

Your line will not be displayed on the page anymore, instead you will be able to see the widget logic rules.

Report V2: Horizontal line- rules

If you would like to edit your line again just click on the rule and the widget will expand. To edit the rule you would have to click on the Edit rule at the settings.

Report V2: Horizontal line- edit rule

This is the window where you can delete the rule by clicking on the Delete rule button.

Report V2: Horizontal line- delete rule

4. Margins

Add margins to create space around elements and move them in your page. By default the margins are set to 0, but you can change that anytime and add the margin you prefer.

Report V2: Horizontal line- margins

3. Additional buttons

When you click on your widget, 4 blue buttons appear to the right.

Report V2: Horizontal line- additional buttons

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.

Report V2: Horizontal line- four arrow sign button

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