Upload Component is a panel of dedicated items for file upload handling. End users can attach files by drag-and-drop or selecting a file from the file browser.
...
For the Upload Component, you must specify the file formats that can be uploaded in the Settings menu.
The following label keys in the componentspreferences.properties file provides additional restriction for File Upload component:
...
# | Property | Description | Sample Values | ||||||
|---|---|---|---|---|---|---|---|---|---|
| 1 | Form ID | Unique ID of the Form on which you want to place the Form Item. | CT_TEST_FORM#457 | ||||||
| 2 | Item ID | Unique ID to the Form item. | UPLOAD_FIELD1 | ||||||
| 3 | Item Type | To identify the item type in a form. | UPLOADPANEL | ||||||
| 4 | Channel | Assigns the form item compatibility for various devices. | Desktop / Tablet / Mobile | ||||||
| 5 | Bundle Key | Name of the key associated with the property file which provides the localized label text for the current form item. | Common | ||||||
| 6 | Plain Label | Text entered in Plain Label field appears as the label of the form item without the resource bundle key translation. 18.1: If you are using the property files, leave the Plain Label field as blank. Display Name Key is the property-driven label key for the form item. 19.1: In Canvas 19.1, the Display Name Key field is a configuration-driven label key for the form item. See About Display Name Key and Plain Label from 19.1 and Managing Display Names for Forms for more information. | |||||||
| 7 | Display Name Key | INPUT_DEBIT_ORG_ACC_NO | |||||||
| 8 | Edit | Selected: Renders the Form in edit enabled mode. | Selected | ||||||
| 9 | Visibility | Selected: Shows the form item on the Form. | Selected | ||||||
| 10 | Help | Selected: Renders the form item with a help icon. | Selected | ||||||
| 11 | Anchor | Defines the size of the form item in terms of percentage (without % symbol). | 50 | ||||||
| 12 | Selected: Allows printing the form item while printing the form. | Selected | |||||||
| 13 | Column Span | Occupies the specified number of item spaces horizontally for the current item. | 1 | ||||||
| 14 | Label Alignment | Indicates the alignment of the labels of the form items. | Top | ||||||
| 15 | Hide Label | Selected: Hides the label of the form item. | De-selected | ||||||
| 16 | Mandatory | Selected: Shows the red asterisk ({}{*}) on the label of the form item, and converts the particular field as mandatory. | Selected | ||||||
| 17 | Conditional Mandatory | Selected: Shows the blue double asterisks ({}{}) on the label of the form item, and converts the particular field as conditional mandatory.
| De-Selected | ||||||
| 18 | Event Wiring |
| |||||||
| 19 |
| This is a mandatory configuration that is used to specify the list of file formats that can be uploaded. Use comma (,) to specify multiple file formats, e.g. PDF, XLS, PNG.
| .docx | ||||||
| 20 | Switch | Enables you to switch from one form item to another form item along with the applicable properties and their values. To switch from one form item to another form item, execute the steps that follow:
| NA | ||||||
| 21 | Clone | Enables you to create a duplicate of the selected form item along with its applicable properties except for the Item ID. | 2 |
...
| Note |
|---|
Note: Item specific configuration can override the global limit by specifying in USER_UPLOAD_FORMATS in FORM_ITEM_DEFINITION as jpg:5, png:3 |
| Note |
|---|
To serve the purpose of file upload in Upload Panel, you must ensure that the fm.uploadFile API is called and it is the fm.uploadFile API, which paves the way for the file upload. For detailed information on form and form item APIs, refer Form and Form Item APIs. |
Priority of Configuration
If all of the above three configurations are specified, the order of size validation is as follows:
...