The Photo element displays an image within the app. It supports customization of size, elevation, margins, and corner radius. The Src field specifies the image URL, and Alt provides descriptive text for accessibility or fallback display.
| Field Name | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Unique identifier for the photo element. |
| Elevation | Number | 0 | Shadow depth of the photo container. |
| Src | URL | {photoUrl} | URL of the photo to display. |
| Alt | String | {alt} | Alternative text for accessibility or placeholder. |
| Size | Number | 0 | Overall display size of the photo. |
| Radius | Number | 12 | Corner radius of the photo element. |
| Margin | Number | 20 | Outer spacing around the photo. |
| MarginLine | Number | 10 | Vertical spacing relative to other elements. |
Coding:
{
"@Type": "Photo",
"Name": "{name}",
"Elevation": 0,
"Src": "{photoUrl}",
"Alt": "{alt}",
"Size": 0,
"Radius": 12,
"Margin": 20,
"MarginLine": 10
}To see how to create this element in Applin Studio (no-code mode), visit:
Design the Photo in Applin Studio