FirstLastName Widget

Use this widget on the form to accept first and last name.

Last published at: October 12th, 2026

Description:

First Last Name — Provides a form widget for use in a FlowWright form when first-name and last-name information needs to be represented as part of the user interface.

 

Inputs

  • ID/Name - Name of widget generated by FlowWright (read-only field)
 

 

Design:

The FirstLastName widget is a FlowWright form widget in the Engine category. It is implemented by FlowWright.Forms.clsFirstLastName in FlowWright.Forms.dll and is displayed in the form designer as First Last Name.

 

Use the “FirstLastName” widget when designing a FlowWright form that needs a component associated with first- and last-name information.

Potential applications include employee information forms, customer registration forms, contact forms, and other business forms that collect personal-name information.

 

Typical Workflow Suggestions:

Customer Registration

Use the FirstLastName widget on a customer registration form where personal-name information is part of the registration process.

Example workflow:

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

Consider the widget for the form's name-entry area. Verify its actual field layout and data-binding behavior in the form designer.

 

Employee Onboarding

Use the widget on an employee onboarding form where the employee's name is required for HR processing.

Example workflow:

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

The widget may be used as part of the personal-information section of the form, subject to confirmation of its runtime behavior.

 

Contact Information Form

Use the FirstLastName widget on a contact form where a user's name is collected alongside email address and phone number.

Example workflow:

Start → Contact Form → Validate Contact Information → Store Contact Details → End

The widget can be evaluated for the name-entry portion of the form.

 

Vendor Registration

Use the widget on a vendor registration form where a contact person's name needs to be recorded as part of the registration information.

Example workflow:

Start → Vendor Registration Form → Procurement Review → Approve Vendor → Store Vendor Details → End

The widget may be included in the contact-information section of the registration form after confirming its available fields.

 

Service Request Submission

Use the widget on a service request form where the requester's name is collected before the request is routed for processing.

Example workflow:

Start → Service Request Form → Validate Request → Assign Service Team → Process Request → End

Consider the widget for the requester-information area of the form.

 

Example: 

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

  • Create a Form definition called “FirstlastnameDef.”
  • Drag the “BootstrapGrid, Label, FirstLastName, and Submit” controls onto the canvas and position them as shown below.

 

  • Double-click the “FirstLastName” widget to configure its “Settings” properties. This control requires no configuration; the application assigns the control 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 of the “Firstlastname” 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. Set the maximum character limit. Click the “Save” button. 

 

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

 

  • Double-click the text box of the “Firstlastname” widget to configure the “Other” properties. Enter the tooltip text. Click the Save button. 

 

  • Double-click the text box in the “Firstlastname” widget to configure the “Globalize” properties. The application will alert you if nothing needs to be globalized, as shown below. Otherwise, select a language from the drop-down list, then click the Translate button. Click the Save button. 

 

  • Save the Form definition. Then, go to Actions > Create Form Instance to generate a new instance, and select the checkbox to edit it.

 

  • The Form is shown to the user as demonstrated below. Enter your input and click the Submit button to finish the process. 

 

Tips:

  • Verify the widget's actual appearance and behavior in the FlowWright form designer before using it in production forms.
  • Confirm whether the widget captures a single value or separate first-name and last-name values.
  • Test how any configured input is handled when the form is displayed and submitted.
  • Ensure that the form collects the name information required by the associated business process.
  • Do not assume that the optional Input1 property represents a first name, last name, or combined name; the XML does not define that relationship.
  • Test the completed form and its integration with downstream workflow activities.

 

Definition Sample:

You may download and extract the sample definition(s) from the link provided 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.