Description:
Execute form can display a form to the user. Once the form is submitted, a workflow instance is automatically created and executed based on the widget configuration.
Inputs
- ID/Name - Name of widget generated by FlowWright (read-only field)
- Execute Form Text - Enter description for Form Text
- Select Form Definition - Select the existing form definition
- Select Workflow Definition - Select relevant workflow definition related to the form definition
- Select variables to hold Form-ID - Select variable existing in the workflow definition
- Open Windows - Select the checkbox to execute and render the form in a new window (tick mark)
- 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 “ExecuteFormDef” example.
- Create a new form definition called “ExecuteFormDef.”
- Select the Open Designer checkbox and click the “Create” button
- Drag an “ExecuteForm” widget to the canvas
- Double-click on the widget to configure the “Settings” as shown below. Click the "Select Form Definition" drop-down and select the existing form definition. Click the "Select Workflow Definition" drop-down and select the relevant workflow definition related to the form definition. Click the "Select variables to hold Form-ID" drop-down and select the variable existing in the workflow definition. Click the Save button.

- Generate a new Form Instance. Then, navigate to the Actions menu and Edit the form instance. The rendered widget will appear, as shown in the graphic below.

- On Click, the "Execute Form" widget renders the form based on the configuration and waits for user input and a Submit button to proceed. The form is submitted successfully, as shown in the graphic below.

- The "Execute Form" widget executes the form and creates a new workflow instance. Navigate to the Form Instance page to view the new workflow instance that is created automatically.

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.
Click here to download the sample file.