Friday, November 23, 2018

File Upload Control


Introduction

File Upload control allows end-users to upload one or multiple files while filling a form. All files are stored at our secure cloud storage and can only be accessed by authorized users.

Features

  • Allow uploading one or multiple files by browsing and selecting or via drag-n-drop.
  • Allow limiting the minimum and maximum acceptable file size in byte
  • Support limiting the file types. For example, you can design the control to accept only Microsoft Word Document, or Adobe Acrobat Reader files. 
  • All of the other standard functionalities of a field in Rethink Workflow
  • Provide placeholders to be used in the workflow including: 
    • count: the number of uploaded files
    • totalSize: the total size of all uploaded files
    • files: an array of uploaded files.

How to design

To add File Upload control to your form, simply drag and drop it from the control panel to the form-design area.
To adjust the properties specifically for File Upload, click on FILE OPTIONS tab on the properties panel below the control.
"Allowed file types?" accepts a comma-separated value of MIME types as documented here: https://html.spec.whatwg.org/multipage/input.html#attr-input-accept 

How to use

To add one or multiple files, the end-user can click on the "SELECT A FILE..." or "SELECT FILES..." button, the system file selection will show up. The end-user can then select the files to attach. 
The control also supports drag-and-drop operation. Simply select the files from the system dialog and drop that to the drop zone as in the demonstration below: 

Using the File field in reporting

Include File field in columns

To include File Control field in the list of columns of the report, click COLUMNS button and select the File Control field from the popup:

To export File Upload values, click on EXPORT button and select the desired formats. File Upload field provides the following attributes:
  • count: the number of uploaded files
  • totalSize: the total size of all uploaded files
  • files: an array of uploaded files.

Filter documents using File Upload field

To filter documents using File Upload field, click on FILTERS and select it from the list of filters. On filter popup, enter the text to search in the name of all files.




No comments:

Post a Comment

Note: Only a member of this blog may post a comment.