FileAttachmentListLite Widget

Use this widget to display file attachments uploaded through the file upload control.

Last published at: March 24th, 2026

Description:

This widget shows a list of file attachments uploaded to the form through the file upload controls.

 

Inputs

  • None
 

 

Design:

 

 

Example: 

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

  • Create a new form definition called “FileAttachmentListLiteDef.” 
  • Drag the “BootstrapGrid, File, FileAttachmentListLite, and Submit” controls to the canvas and arrange them as shown below.

 

  • Double-click the “File” widget to configure its “Settings” properties. Enter a name for the control. Set the file extensions to filter (e.g., .doc, .txt). Specify the maximum file size (in MB) to attach to the form. Use the checkbox to mark the input as mandatory, hide the form, or set it to read-only at runtime. Use the checkbox for multiple-file selection, display uploaded files, and enable downloading files when the control is read-only. Click the Save button. 

 

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

 

  • Save the Form definition. Then, select Actions > Create Form Instance from the menu. Generate a new form instance and check the box to edit it.

 

  • The Form is shown below. Select files to upload. Click the red cross (x) icon to delete a file attachment. Click the Submit button to finish.  

 

  • To globalize the text in the pop-up window, go to Administration > Globalization > Global, then select the FlowWright.Master culture. Search for the resource ‘lblForm.’ Choose the secondary culture, then select the master resource. Navigate to Translate > Azure/Google Translate - Resource. The resource text has been globalized to the chosen secondary culture. 

 

 

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: Please verify and complete the process steps for any missing configurations, such as file path references and database connections, after the import. Then, save the definition to confirm the changes. 

Click here to download the sample file.