Description:

Address is a FlowWright form widget used to provide an Address field within a FlowWright form.

Design:

The Address widget can be used when a FlowWright form needs to capture address-related information from a user.

A form designer can place the Address widget on an appropriate form to provide an address-entry component as part of the user interface.

Typical Workflow Suggestions

Customer Registration

Use the Address widget on a customer registration form to capture the customer's address as part of the registration process.

Example workflow:

Start → Customer Registration Form → Validate Customer → Create Customer Record → End

The Address widget can be included on the registration form alongside other customer information.

Employee Onboarding

Use the Address widget on an employee onboarding form to collect an employee's address information.

Example workflow:

Start → Employee Onboarding Form → HR Review → Create Employee Record → End

The captured address can become part of the employee's onboarding information.

Vendor Registration

Use the Address widget when registering a new vendor or supplier.

Example workflow:

Start → Vendor Registration Form → Procurement Review → Vendor Approval → End

The address component provides a dedicated location-related field on the vendor registration form.

Order or Delivery Information

Use the Address widget on an order form where delivery or shipping address information needs to be captured.

Example workflow:

Start → Order Form → Verify Order → Process Order → Fulfillment → End

The Address widget can be included as part of the information required to process the order.

Service Request Form

Use the Address widget on a service request form when the service needs to be associated with a particular customer or physical location.

Example workflow:

Start → Service Request Form → Assign Service Team → Perform Service → Close Request → End

The address information can help identify the location associated with the service request.

Example:

Let’s build and execute the “AddressDef” example.  

• Create a Form definition named “AddressDef.” Navigate to Forms > Definitions in the left pane to create it. On the Form Definitions page, select Actions > Create. If you don't have access to generate Form Definitions, check with your Flowwright administrator. 

• Drag a "BootstrapGrid, Name, Address, and Submit” control to the canvas and arrange it as shown below.

• Double-click the “Address” widget to view its properties. There's nothing to configure because the application provides the control's name. Click the “Lock Widget” button to toggle the lock/unlock feature and prevent accidental configuration changes. Click the “Save” button. 

• Double-click the text box in the “Address” widget to configure the “Settings” properties. The application displays the control name. Enter the placeholder text. Select the data type for user input from the drop-down list. Check the “Required” box for mandatory input. Check the box to hide the control and make it read-only at runtime. Enter the maximum character limit. Click the Save button.  

• Double-click the text box in the “Address” widget to configure the “Styling” properties. Choose the UI width from the drop-down list (Mini, Small, Medium, Large, X-Large, XX-Large). Enter the CSS syntax. Select the classes to apply from the global drop-down list. 

• Double-click the text box in the “Address” widget to configure the “Other” properties. Enter the tooltip text, then click the Save button. 

• Double-click the text box in the “Address” widget to configure the “Globalize” properties. The application will notify you if there is nothing to globalize, as shown below. Otherwise, select a language from the drop-down list, click the Translate button, and then click the Save button. 

• Save the Form definition. Choose Actions > Create Form Instance from the menu. Generate a new Form Instance, then check the box to edit it. If you cannot create Form Instances, consult your FlowWright administrator.

• The Form is shown to the user as displayed below. Enter the user input, then click the Submit button to finish the process. 

Tips:

• Use the Address widget when an address needs to be represented as part of a FlowWright form.
• Place the widget in a logical location near related customer, employee, vendor, or service information.
• Consider the business process requirements when deciding whether an address should be mandatory.
• Use clear surrounding field labels or instructions where additional context is required.
• Validate the completed form through the appropriate business-process logic when address information is required for downstream processing.

Definition Sample:

You may download and extract the sample definition(s) from the provided link and later import them (drag-and-drop) into your FlowWright Process Definition (XML file) or Form Definition (HTML file) page. 

Note: After the import, verify and complete any missing configurations, such as file path references and database connections. Then, save the definition to confirm the changes. 

Click here to download the sample file.