This function helps create a new definition of form. 

Navigate to the Form > Definitions page. Select the Actions > Create menu option. 

A Create Form Definition pop-up window appears for configuration. Enter the name to create in the textbox. Check the checkbox to create a new form using the designer or an existing template. Click the button to create a “Free Form or Grid Form”. The Free Form is an empty canvas where form controls, such as a “Table or Bootstrap Grid,” can be added later. The Grid Form accepts the table size (rows and columns) and creates a new form with an empty table.  Note: The default setting is Grid Form.

Click the plus sign (+) to expand and provide the form's metadata. These extended fields are configurable using the Create > Table Extensions > Form Definition menu option. Provide the additional information and click the “Create” button.   

The grid form layout prepares the new Form with a “BootstrapGrid” design, as shown below. 

Select the “Actions” menu to navigate to “Create Form Instance, Toolbox, Grind On/Off, Set Grid, System Variables, Process Variables/Globals, Show/Hide/Required Controls, Set Tab Indexes, and Snapshot Management” features. 

Select the “Page” menu to navigate to “Functions, Upload Script File, Styles, Map Global JS, Map Global CSS, Control Events, and Globalization” features. 

Select the “Edit” menu to navigate to the “Undo and Redo” features.

Select the “Save” menu to access the “Save” feature. 

Select the “UI” menu to navigate to the “Preview, Align, Color, and Format” features. 

Select the “Export” menu to navigate to the “XML, HTML, and Schema” features. 

Create Form Definition from an HTML or ZIP file(s).

It allows the user to create or add a Form Definition by dragging and dropping the definition HTML(s). This functionality enables multiple HTML files to be added to the Form Definition table at once. This feature also accepts a zip file containing various form definitions. Select the HTML file from the file system, then drag and drop it onto the Form Definitions page, as shown above.  

The Form Definitions have been imported successfully and have overwritten existing ones. Note: The form definition containing page functions with JavaScript should be zipped and imported. 

Design Form Definition.

This function is used to modify the form definition design.

On the Form Definition page, select the Form from the list, then click the Actions > Design menu.

The Form Definition opens on the designer canvas on the new page and is locked to the user. The definition is auto-unlocked as per the $ItemAutoUnlockDays configuration in Status > Settings > Settings Designer > Engine configuration. 

Drag and drop the form controls, such as the label, textbox, and submit button. Edit the form controls for description, and other configurations. Select the “Save” button to confirm the changes. A notification alert is displayed in the top-right corner.