Description:
This widget displays a list of file attachments uploaded to the Form via 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 the “Settings” properties. Provide a name for the control. Configure the file extensions to filter (e.g., .doc, .txt). Set the maximum file size (in MB) to attach to the Form. You may use the checkbox to mark the input as mandatory, hide the form, and set it to read-only at runtime. You can use the checkbox for multiple file selections, display uploaded files, 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, then click the Save button.
- Save the Form definition. Select Actions - Create Form Instance from the menu. Generate a new Form instance and select the check box to edit it.
- The Form is displayed 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 pop-up window, navigate to Administration > Globalization > Global, then select the FlowWright.Master culture. Search for the resource ‘lblForm.’ Select the secondary culture, then select the master resource. Navigate to Translate - Azure/Google Translate - Resource. The resource text has been globalized to the selected secondary culture.
Definition Sample:
You may download 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.