The <form> tag is a widget displaying a record form when necessary parameters (such as a table, form view, record ID) are specified. It helps to ensure user interaction with the record form, in terms of the field changes and form reaction. It also supports the functionality of widgets added to the form.
Structure
This widget generally has the following structure:
- Embedded widget containing the form elements.
- The header block:
- A header can be taken from the column with the Display by Ref attribute turned on.
- The section block:
- The Default section should be the first in the section list if there is more than one.
- Every widget section is relevant to the appropriate form section and has its own title.
- This block is mandatory.
- The footer block containing UI actions (buttons and others).
Elements
Form widget elements, like form elements, can be of different types. All field types functionality used in forms is supported there (such as properties, behavior, scalar type, and so on).
- If a widget element displays date and time, it is displays them in the user timezone.
- The widget elements containing multilanguage fields and use the Translated Text field type (such as table and column titles, choice options) display the values in the current user locale.
Attributes
To create a dynamic form, use the following attributes:
Attribute | Type | Mandatory | Description |
|---|---|---|---|
| class | String | N | Specify a CSS class name defined in the CSS field. |
| isPortal | Boolean | N | Enable the tag to be displayed on the portal. |
| name | String | N | This attribute stores the form name. Define the form name within the template in the Template field: Form name <Form tableName="{data.table_name}" sysId="{data.record_id}" name="custom"></Form>
Then call it in the widget client script: Form name const builtInForm = s_widgets.getForm('custom');
await builtInForm.save();
|
| tableName | String | Y | Specify the table name. |
| view | String | N | Define a name of the table template view, for example, "Default" |
| save | String | N | Add a Save button on the form with the customized text (see the code example below). It makes sense to use this attribute when it is impossible to use the UI actions due to any reasons (the uiActions attribute is equal to 'false'). |
| titleHide | Boolean | N | Hide the title of the form. The default value is 'true'. The same goes for if the isPortal attribute value is equal to 'true'. |
| uiActions | Boolean | N | Set this attribute value to 'true' to make UI actions available to use. Otherwise, their usage is prohibited (except for the Save button specified by the save attribute). |
| userScripts | Boolean | N | To make client scripts defined in the Client Script field available to use, set this attribute value to 'true'. Otherwise, their usage is prohibited. |
| sysid | String | N | Specify the ID of the table record. The table should be specified first via the tableName attribute. Do not specify the sysid parameter for a newly created form that did not exist before. |
Form example
<Form tableName="user" sysid="158747771611397284" view="Profile" save="Custom save button" uiActions="true" userScripts="true"></Form>
