Description:
Let the user close the window for the rendered Form.
Inputs
- Button Type - Select between Default and other types
- Identifier/Name - Name of widget generated by FlowWright (read-only field)
- Button Label - Change the button label
- Hide - Select the checkbox to Hide (tick mark)
- Read Only - Select the checkbox to Read-Only (tick mark)
- Tool Tip - Enter information to display on mouse hover on form render
- Styles - Enter the CSS scripts for widget styles
Apply Classes - Select between custom classes defined - Save - Save the input values
- Delete - Remove this form widget from the designer page
- Close - Close the input popup window
Design:

Example:
Let’s build and execute the “CloseFormDef” example.
- Create a new form definition called “CloseFormDef.”
- Select the Open Designer checkbox and click the “Create” button.

- Drag a Table, TextBox, Submit, and Close buttons and arrange the form controls as shown in the above graphic.
- Double-click on the Close button to configure the properties as shown in the graphic below

- Save the form definition. Navigate to Run - Form Instances. Click on Actions - Create and select this form definition to create a new form instance. Select this form instance and Click on Actions - Edit to render the form on a new page.

- Click the Close button to confirm that you want to close the form.

Definition Sample:
You may download the sample definition(s) from the link here and later import it (drag-drop) to your FlowWright Process Definition (XML file) or Form Definition (HTML file) page.
NOTE: Please verify and complete the process steps for any missing configurations, such as file path references and database connections after import. Then, save the definition to confirm the changes.