Description:
You can use this widget to clear the user's input from the form during execution.
Inputs
- Button Type - Warning (by default)
- ID/Name - Name of widget generated by FlowWright (read-only field)
- Button label - Provide the name for the button label
- Hide - Select the checkbox to Hide (tick mark)
- Read Only - Select the checkbox to Read-Only (tick mark)
- 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 ClearFormDef example.
- Create a new form definition called “ClearFormDef ”
- Select the Open Designer checkbox and click the “Create” button
- Drag a Label, Textbox, ClearForm, and Submit button to the canvas. Arrange the controls inside the table grid as follows.
- Double-click on the widget to configure the inputs, as shown in the below graphic. Navigate to the Settings tab. Provide information for the button label. Select the checkbox to hide this button during run time. Select the checkbox to make this read-only button during run time.
- Double-click on the widget to configure the inputs, as shown in the graphic below. Navigate to the "Styling" tab. Configure the input as shown below. The CSS-style scripts enhance the UI. This tab setup is optional.
- Click on Save and navigate to the “Other” tab. The tooltip information is included here. This tab setup is optional.
- Click on Save and navigate to the “Globalize” tab. Click on the “Auto Translate” drop-down. Select the language choice. Click on Translate. This tab setup is optional.
- Save the change. Then, navigate to Run—Form Instances—Create form instance for the above form definition and Edit.
- The form is rendered in a new tab as follows. Provide some information for the textbox. Click on the “Clear Form” button.
- The user's input is cleared from the form.