Introduction

The Form Files Zip Element plugin is used to zip all the documents in all or selected file/image upload fields in current form.

Plugin Information

Plugins Available in the Bundle:

1. Form Files Zip Element

This plugin bundle is compatible with Joget DX 8.

Expected Outcome

The form file zip element is able to zip all the current form documents from all or selected fields.

Figure 1: Download all files from all fields or selected field

Getting Started

Steps

1. You can obtain the jar file by the latest release at Joget Marketplace https://marketplace.joget.org/jw/web/userview/mp/mpp/_/vad?id=form_files_zip.

2. Upload the plugin jar file in Joget by going to Settings → Manage Plugins.

3. You can choose to import the demo app or create the app from scratch.

Steps for importing demo app

1. Download the demo app from https://github.com/jogetoss/form-files-zip-element (.jwa file).

2. Go to Joget Home or All Apps and click on Import App to import the downloaded demo app.

Steps for creating app from scratch

1. Create a form with file upload fields and image upload fields. Drag the Form Files Zip Element into the form. For plugin configurations refer to Form Files Zip Element Properties. One element will demonstrate downloading all files in form, and another element will demonstrate downloading from selected upload field (File Upload 1).

Figure 2: Form Files Zip Element in Form Builder

2. On the right up corner, click on Generate App > Generate CRUD

Figure 3: Generate CRUD for form

3. Publish and run the UI. Go to manage form and add a new record.

Figure 4: Upload files into file upload and image upload fields and save

4. After saving the form. Click on edit the record, and click on the button Download All Files in Form as Zip File. Extract the zip files and you can see all the files downloaded.

Figure 5: Click on button and download all files as zip

5. Now click on Download Zip from Selected Field (File Upload 1). After downloading and extracting the zip, only 1 file is downloaded which is under File Upload 1 field.

Figure 6: Click on button and download all files from file upload 1 as zip

Form Files Zip Element Properties

Configure Form Files Zip Element

Figure 7: Form Files Zip Element Plugin Configurations