The Upload element allows users to select and upload files from their device. It includes customizable text, colors, and styles for the label, as well as adjustable size, margins, and corner radius. The Enable field allows toggling whether the upload action is active or disabled.
| Field Name | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Unique identifier for the upload element. |
| Enable | Boolean | true | Enables or disables the upload functionality. |
| Elevation | Number | 0 | Shadow or depth effect for the element. |
| Text | String | {text} | Label or prompt displayed on the upload button. |
| Text.Color | Color | {textColor} | Color of the label text. |
| Text.Style | TextStyle | {textStyle} | Style of the label text (e.g., bold, italic). |
| Text.Size | Number | 16 | Font size of the label text. |
| Color | Color | {color} | Background color of the upload button. |
| Size | Number | 0 | Width or overall size of the element. |
| Radius | Number | 12 | Corner radius of the element for rounded edges. |
| Margin | Number | 20 | Outer spacing around the element. |
| MarginLine | Number | 10 | Vertical spacing relative to other elements. |
Coding:
{
"@Type": "Upload",
"Name": "{name}",
"Enable": true,
"Elevation": 0,
"Text": "{text}",
"Text.Color": "{textColor}",
"Text.Style": "{textStyle}",
"Text.Size": 16,
"Color": "{color}",
"Size": 0,
"Radius": 12,
"Margin": 20,
"MarginLine": 10
}To see how to create this element in Applin Studio (no-code mode), visit:
Design the Upload in Applin Studio