SaveForm Widget

Use this widget to save the form in edit mode.

Last published at: August 14th, 2023

Description:

Saves the form when assigned to the user as a task (use routeForm step in the workflow)

Inputs

  • Button Type - Select between any of the button types
  • ID/Name - Name of widget generated by FlowWright (read-only field)
  • Button Label -  Enter the description text for the button label
  • Hide - Select checkbox to Hide (tick mark)
  • Read Only - Select checkbox to Read-Only (tick mark)
  • Pre-prompt message - Enter the text message to pre-prompt
  • Post-prompt message - Enter the text message to post-prompt
  • 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 “SaveFormDef” example.  

  • Create a new form definition called “SaveFormDef” 
  • Select the Open Designer checkbox and click the “Create” button
  • Drag a SaveForm widget to the canvas
  • Double-click on the SaveForm widget to configure the “Settings” properties. Select the button type from the drop down list with “Success” being the default one. The control name is provided by the application. Provide a button label. Select the check box to “hide” or “read-only” the control during run time. Provide the pre-prompt message to alert the user before save action. Provide the post-prompt message to inform the user after save action. Provide the URL link to redirect after post action. 
  • Double-click on the SaveForm widget to configure the “Styling” properties. Provide the style script. Select the class from the drop down list if previously uploaded. 
  • Double-click on the widget to configure the “Other” properties. Provide the tool tip text.
  • Click on Save button and Close the popup window
  • Create a new process definition. Include a routeForm step referring to the above form. Configure the form by routing to a FlowWright user.
  • Generate and execute a new process instance. The form task is assigned to the user as configured. Open the task and the form is rendered with SaveForm widget. Provide the information for any form controls and click on “Save” button. The form is saved successfully with an user alerts (if configured).