Form Files Zip Element

Introduction

The Form Files Zip Element plugin is designed to zip all documents from either all or selected file/image upload fields within a form. This is especially useful in applications where users need to download multiple files in a single compressed folder.

Plugin information

• Available Plugin: Form Files Zip Element
• Compatibility: Joget DX 8

Get started

How to install

1. Download the plugin jar file from the Form Files Zip Element Plugin Joget Marketplace.
2. Go to Settings > Manage Plugins in Joget and upload the jar file.
3. You can import the demo app or create the app from scratch.
   • Import Demo App:
     1. Download the demo app from GitHub (file with .jwa extension).
     2. Go to Joget Home > All Apps > Import App to import the demo app.
   • Create from Scratch:
     1. Create a form with file and image upload fields.
     2. Drag and drop the Form Files Zip Element into the form.
     3. See the properties configuration below to set it up.

Note: Ensure to include the form element demonstrating downloading files from all fields and selected fields.

How to use it

1. Create a form with the necessary file and image upload fields.
2. Drag the Form Files Zip Element into the form to enable the zipping functionality.
   
3. Click Generate App > Generate CRUD to build the app based on the form created.
   
4. Publish the app and run the UI.
5. Go to the form, manage records, and add a new record.
   
6. Edit the saved record and click the Download All Files in Form as Zip File button. Extract the zip to see all the files downloaded.
   
7. Click the Download Zip from Selected Field (File Upload 1) button. After extraction, only files from the selected field are downloaded.
   

Configure form files zip element properties

Go to Form Builder > Form Files Zip Element and see the fields that must be configured.

Fields to configure:

• Show Label: If checked, the menu label will be visible.
• Label: Specify the menu label.
• ID: Unique ID for the menu element.
• Button Label: Define the label to be displayed on the button.
• Form: Select the form containing the file/image upload fields.
• Download Configurations: Download configurations to decide whether to:
  • Download All Files in Form
  • Download from Selected Fields in Form
• Download Fields: This grid will only be visible if the Download Configurations value is Download from Selected Fields in Form. It defines the selected fields to be downloaded in the form.
  • Field ID: The field ID of the file or image upload field.