Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
This feature is enhanced in Joget DX to support image resizing options
File Upload enables you to attach a file to a form.
The easiest way to see how the File Upload works are to use the existing built-in App Expenses Claims. Here are the steps:
Steps | Screens (Click to view) |
---|---|
| Figure 1 Figure 2 |
Name | Description | Screen (Click to view) |
ID | Element ID (By declaring as "receipt", a corresponding database table column "c_receipt" will be created) | |
Label | Element Label to be displayed to the end-user. |
Name | Description | Screen (Click to view) |
---|---|---|
Validator | Attach a Validator plugin to validate the input value. When will validation takes place? Validation will take place whenever a form is submitted except when it is submitted as "Save as Draft". | |
Maximum File Size (KB) | Maximum File Size (KB) in Integer. For example, if the maximum allowable file size is 10 megabytes, enter into this field the value of "10240" which represent 10,240 kilobytes. | |
Error Message (File size limit exceeded) | Error Message when file size exceeded. | |
File Type (.pdf;.doc) | Accepted file type extension(s). (Semicolon separated values) Example .pdf;.doc | |
Error Message (File type mismatch) | Error Message when file type mismatched. | |
Delete actual file during overwrite or remove? | Actual file will be deleted when the file is removed or being overwritten. |
Name | Description | Screen (Click to view) |
---|---|---|
Maximum Width (px) | If set, images will be resized to these dimensions before being uploaded. | |
Maximum Height (px) | If set, images will be resized to these dimensions before being uploaded. | |
Quality (Max 1.0) | set the quality of the resized image. | |
Method | sets how the images should be scaled down in case both Maximum Width (px) and Maximum Height (px) are provided. There are only two methods:
|
Name | Description | Screen (Click to view) |
---|---|---|
Permission | Manage on who is able to access the file uploaded. Read more at Permission Control. |
Name | Description | Screen (Click to view) |
---|---|---|
Size | Specifies the width, in characters, of an <input> element. | |
Allowed multiple files upload? | When checked, multiple files can be uploaded. | |
Readonly | Determines if one can upload a file. | |
Drop zone padding | Determine the extra size of padding for the larger drop zone. Example 50px Example 5% | |
Download as Attachment | Determines the download behavior. |