Description:

This widget displays a list of file attachments uploaded to the form using the file upload controls.

Design:

Example: 

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

• Create a new form definition called “FileAttachmentListLiteDef.” 
• Drag a “File, FileAttachmentListLite, and Submit” controls to the canvas

• Double-click the “File” widget to configure the “Settings” properties. Provide a name for the control. Configure the file extensions to filter (like .doc, .txt, etc). Configure the max file size (in mb) to attach to the Form.  You may use the checkbox for mandatory input, hide the form, and mark it read-only during runtime. You may use the checkbox for multiple file selections, display files uploaded, and download files when the control is configured as read-only. Click the Save button. 

• Double-click the “FileAttachmentListLite” widget to configure the “Settings” properties. Select the file control from the drop-down list. Click the Save button. 

• Save the Form definition. Select Actions - Create Form Instance menu option. Generate a new form instance and select the check box to edit this form instance.

• The form is displayed to the user below. Choose files to upload. Click the red cross (x) icon to remove the file attachment. Click the Submit button to complete.  

• To globalize the text in the popup window, navigate to Administration - Globalization - Global - select FlowWright.Master culture. Search for resource ‘lblForm.’ Select the secondary culture. Select the master resource. Navigate to Translate - Azure/Google Translate - Resource. The resource text is now globalized to the secondary culture selected. 

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.