Form Builder

Form Builder is used to create forms using drag & drop.

To add an element to the form, drag & drop it or double-click the selected control. There are Builder icons icons displayed beside each element. Use them to move, copy and delete elements or open a property editing form.

Form builder

You can download and upload forms in the JSON format. To do this, press the Download and Upload buttons respectively. For accosiation with one or several workflow schemes, press the Workflow button. For accosiation with a group of permissions, press the Security button. After that, you will be able to use the checkPermission function under the Others tab.

The controls are divided into four groups:

Each control has the following tabs:

  • General
  • Style
  • Events
  • Other

General tab

General tab displays the main properties for adjusting controls.

Style tab

Styles tab displays the properties for adjusting the style of controls. Use the name of a CSS class without a dot in the Custom CSS field. Use a React-like format of specifying parameters in the Style field.

Builder style

Events tab

Events tab displays control events. Specify the events that should be called in the Actions field. The events are called one be one unless an exception has been called upon running the event.

To add an event, simply write it in the Actions field. You can add a set of parameters Actions will be called with in the Parameters field. Specify the controls, via which Actions will be called, in the Targets field. In case you specify several controls, the events will be called sequentially for each control.

Builder events

Others tab

Others tab displays the fields for validation and display of controls. You can use the value variable that contains the current control value in the Custom Validation field. You should return true/false or an error notification.

You can use the data variable that contains the current data object in the Visible condition and ReadOnly condition fields. You should return true/false. In the Custom Validation, Visible conition, ReadOnly condition fields, you can use the following functions:

  • checkRole('rolename') - for checking the user role
  • checkPermission('permission') - for checking the user permission

Builder others