Description:
This widget shows a list of file attachments uploaded to the Form through the file upload controls.
Inputs
- CreatedOn - Select the checkbox to include the created on column (tick mark)
- CreatedBy - Select the checkbox to include created by column (tick mark)
- Hide - Select the checkbox to Hide (tick mark)
Design:
Example:
Let’s build and execute the “FileAttachmentListDef” example.
- Create a Form definition called “FileAttachmentListDef.”
- Drag the “BootstrapGrid, File, FileAttachmentList, and Submit” controls to the canvas and arrange them as illustrated below.
- Double-click the “File” widget to configure its “Settings” properties. Provide a name for the control. Set the accepted file extensions for uploads. Specify the maximum file size (in MB). Check the “Required” box for mandatory input. Check the “Hide” box to hide the widget at runtime. Check the “Read-Only” box to view the list without selecting. Check the “Allow Multiple items” box to select multiple items from the dropdown. Check the “Show uploaded file” box to display the list of selected files. Check the “Allow download on read-only” box to enable file viewing at runtime. Click the Save button.
- Select the “Styling” tab. Enter the CSS syntax. Choose the classes to apply from the global drop-down list. Click the Save button.
- Select the “Others” tab. Provide the tool tip text. Click the Save button.
- Select the “Globalize” tab. The application will notify you if there is nothing to globalize, as shown below. Otherwise, choose a language from the drop-down list, then click the Translate button. Finally, click the Save button.
- Double-click the “FileAttachmentList” widget to configure its “Settings” properties. The application displays the control name. Select the FileID from the drop-down list. Check the box to show the file's "created datetime" and "created by” information. Check the “Hide” box to hide this widget at runtime. Click the Save button.
- Save the Form definition. Choose Actions > Create Form Instance. Generate a new Form instance, then check the box to edit it.
- The Form is displayed to the user as shown below. Choose files to upload from the local folder. Use the search bar to filter the file list. Use the red (x) icon to remove a file from the list. Click the Submit button to complete the form.
- To globalize the text in the pop-up window, go to Administration > Globalization > Global, then select FlowWright. Choose the master culture. Search for the resource ‘lblForm.’ Select the secondary culture and then choose the master resource. Navigate to Translate > Azure/Google Translate > Resource. The resource text is now globalized for the selected 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.