Business Process Designer > Business process modeling > Pocess Designer Tabs / Form Templates

Form Templates

If the functionality of the standard form is not enough, create your own template using the form editor. It allows you to add new buttons, widgets, move fields, etc. You can create form templates for tasks, events, instance pages, and apps.

How to add a new template

There are several ways to create a form template:

  • In a business process. On the modeling page, click on the Form templates tab. In the upper right corner click + Form. 00.PNG
  • In a user task. Open the task settings window and go to the Form tab. In the upper left corner, next to the Form Template caption, click the Default link. After that, the button + Create form will appear.01.PNG
  • In the start event. Open the event settings window and go to the Form tab. In the upper left corner, next to the Form Template caption, click the Default link. After that, you will see the + Create form button.02.PNG

In the window that opens, enter the name of the template and click Save.

How to edit template

Templates are modified in the form editor. All changes are done on two tabs: Template and Settings.

Template Tab

On this tab, you can edit the form header, change the buttons or create new ones, as well as add widgets.

03.PNG

начало внимание

Here you can also make your form dynamic meaning that it will be able to change according to user actions.  For example, fields will be automatically hidden or displayed depending on the data that the employee enters. You can read more about such forms in this article.

конец внимание 

Buttons

To add a new button click on + Button.

07.PNG

The button creation window will open.

04.PNG

Fill in the following information:

  • Display – select how the button will look like on the form. You can choose one of the following options: icon, link, button.
  • Name/Tooltip – a button name or a tooltip.
  • Icon – a graphic representation of a button.
  • Action – what will happen when a user clicks the button.

To edit an existing button, double-click on its name on the form. In the window that opens, change the required settings.

To remove a button from a form, click on the recycle bin icon 360014603511-mceclip3 in the upper right corner of the button editing window.

Widgets

A widget is an interface element or a small service application with specific functionality for solving such tasks as loading a file, displaying instructions, activity streams, a list of users, etc.

To add a new widget, drag it from the side pane or click on the + Widget link.

08.PNG

Please note that the list of available widgets for the main part of the form and for the side panel is different. You can read more about the types of widgets and their settings in this article.

To change the position of widgets on a form, use drag-and-drop. To edit or delete a widget, move the cursor over it and select the action you need to perform.

Settings Tab

On this tab, you can specify the display settings for the mobile version. In addition, you can define the behavior of widgets on the side panel.

360020340451-mceclip2