You use this widget to add buttons to your template. When adding a button you get can choose which kind of action you want the button to do.

  • Refresh screen: Refreshes your screen and checks all fields and validations.

  • Execute flowchart: Choose a flowchart to be executed upon button press.

  • Follow button exit: Choose from existing Node Exits or create a new node exit to follow when button is clicked. This is used to go to the next node in your flowchart, the arrow linked to the exit is where the button will lead to. You can select , and for each selected Exit a Button will be added to the canvas.

  • Navigate to: Go to a set navigation point upon button press.

  • Open hyperlink: Create a button that leads to a hyperlink.

  • Download file: This lets you download a file from your application.

After you have chosen the kind of button action you want, the button will appear on your template. It will show a colored box with a text field in it. You can change text shown on the button by selecting it.

The button also has a few button properties that lets you change the appearance and behavior of your button.


Visible when

Allows your to add a condition for user visibility of the button. This can be added/changed throught double click of the field. The expression editor will be opened, where you are able to create the condition.


The behavioral properties allow you to change the button action. These are the same options you get when adding a button to your form or template. The icons match with the picture provided above.


In appearance, you can change the look of your button. You can display it as a normal button, a hyperlink, a hyperlink button, an icon button or a picture as button. The button can be given different colors, an icon can be added, and the position of the icon relative to the text can be changed.


The button has the option to add a tooltip on its own. When you enable the tooltip you get the same options as when you add a tooltip using the tooltip widget.

Button group properties

gives you control over the placement of your buttons and how it interacts with other buttons in the same field. With the orientation you can control whether it fills its field from top to bottom and/or from left to right. The presentation lets you join buttons together or place them with a little space between them. With the alignment you can control to which side the content inside the button is aligned. The last option allows you to change the buttons size with four sizes ton choose form where medium is the default.

Last updated