...
A custom HTML can be used to have even more design options which are not covered by the basic and advanced elements available in the Form designer. For adding a custom HTML element the user can drag and drop the element to a specific container. Custom HTML elements can be copied via the plus symbol and removed via the delete symbol.
...
Reference | Attribute | Description | ||||||
---|---|---|---|---|---|---|---|---|
| Name | Here an individual name can be given to the custom HTML | ||||||
| HTML | Any HTML code can be entered here | ||||||
| Label | Here the text of the label can be changed. Optionally the label can be hidden by selecting the checkbox. | ||||||
| Icon | With a dropdown an icon is selectable which is displayed next to the custom HTML element. A '?' for help or a '!' for Info can be selected. | ||||||
Icon: Position | Here the position of the icon can be selected via dropdown. Either the dropdown is on the left or on the right of the custom HTML element. As default the icon is located on the right of the custom HTML element. | |||||||
Icon: Text | Here the text is entered that is supposed to be shown to the user when hovering over the icon during fulfilling his tasks. |
...
Autocomplete predicts the rest of a word a user is typing based on a limited amount of possible options given during designing the form. For adding an autocomplete element the user can drag and drop the element to a specific container. Autocomplete elements can be copied via the plus symbol and removed via the delete symbol.
...
Reference | Attribute | Description | ||||||
---|---|---|---|---|---|---|---|---|
| Label | Here the text of the label can be changed. Optionally the label can be hidden by selecting the checkbox. | ||||||
| Variable | For each autocomplete field a unique variable name is required. Per default the variable is set automatically. The user can change the variable name manually or use the button 'Label as variable name' to generate a variable name from the label text. | ||||||
| Index Field | Index fields are used to display information from a Form, directly in the tasks and process instances lists. They provide extended information on the process instance and can be used for addition filtering and sorting. See also Filter, sorting and column configuration. | ||||||
| Placeholder | This attribute specifies a short hint that describes the expected value of an autocomplete field (e.g. a sample value or a short description of the expected format). The short hint is displayed in the autocomplete field before the user enters a value. | ||||||
| Checkboxes | Here you can select whether the user should be able to see all possible options and also be able to manually choose out of the available options. By ticking case sensitive search results shown to the user depend on the casing of his search. | ||||||
| Select options | Options can be added with the plus icon. By clicking the delete icon an option can be deleted. |
...
The user is able to select a specific context in the Section Handling (Context) and define how the form will be shown in that context.
...
Reference | Attribute | Description | ||||||
---|---|---|---|---|---|---|---|---|
| Section Handling (Context) | The user can select a specific context to define how the form should behave in that context. | ||||||
| Select element | After selecting the desired context the user can select a container or element to show its element control settings for the current context selected. | ||||||
| Element Control | In the element control setting of a select container or element the user can define whether it should be visible, writeable or required. | ||||||
| Existing | Here is shown for which specific context an element control setting already exists. |
...
The form tab ‘Preview’ displays how a form is shown in the whole process or in a specific part of the process.
...
Reference | Attribute | Description | ||||||
---|---|---|---|---|---|---|---|---|
| Form preview selection | The user can see how a form is designed in a specific part of the process model. | ||||||
| Preview | The current form preview selected by the user in form preview selection. |
...
The form tab ‘Rules’ are sets of rules which can change the behavior of the form depending on the trigger events.
...
Reference | Attribute | Description | ||||||
---|---|---|---|---|---|---|---|---|
| Create rule | While the user opens the ‘Rules’ tab for the first time the 'Create rule'-button allows to create a new rule. | ||||||
| Create | The plus button in the lower left of the ‘Rules’ tab allows for the creation of a new rule. | ||||||
| Trigger event | On the left side of the view there are trigger events listed. Under each trigger event, the created rules are shown accordingly slightly indented (see next image). |
...