...
Each element can also display information from connectors. More information about how to use and implement connectors is available in the chapter 'Connectors'. linkcomingsoon
...
Insert a text element
A text element is used for declaring a title, a headline or a simple text displayed in the smartform. The content of the text is changed via the element settings. For adding a text element the user can drag and drop the element to a specific container. Text elements can be copied via the plus symbol and removed via the delete symbol.
...
Dividers can be used to strictly separate one part of the document from another. This divider can either be a horizontal line or simply a big space. For adding a divider element the user can drag and drop the element to a specific container. Divider 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 divider | ||||||
| Line | You can either choose to display a line as divider or simply have an optical divider by space. The default option is displaying the line. |
...
Textarea can be used so that the user has more space to type something than he has with a simple imput field. E.g. a coherent text. For adding a textarea element the user can drag and drop the element to a specific container. Textarea 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 textarea 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 smartform, 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. | ||||||
| Size | Here the width and the height of the textarea can be specified. The width is given in characters and the height is given in lines. | ||||||
| Icon | With a dropdown an icon is selectable which is displayed next to the textarea field. 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 textarea field. As default the icon is located on the right of the textarea field. | |||||||
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. |
...
Rich text can be used to give the user more space to type, just as the textarea does but with the benefit of letting the user have more styling options for his text such as size, color, font, font-weight and text-alignment. For adding a rich text element the user can drag and drop the element to a specific container. Rich text 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 rich text 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 smartform, 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. | ||||||
| Height | The Height of the textarea can be specified here in pixels. It is set at a default height of 150px. | ||||||
| Icon | With a dropdown an icon is selectable which is displayed next to the rich text field. 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 rich text field. As default the icon is located on the right of the rich text field. | |||||||
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. |
...
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 smartform 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 smartform, 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. |
...