The Logo element is used to display a brand or app logo within the interface.
It supports clickable actions and long-press events, allowing interaction.
The size, margins, and alternate text can be customized to ensure proper alignment and accessibility.
| Field Name | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Internal unique identifier. |
| Logo | Logo | {logo} | Source path or URL of the logo image. |
| Alt | String | {alt} | Alternate text displayed if the logo fails to load. |
| Size | Number | 0 | Size or dimensions of the logo. |
| Margin | Number | 20 | Outer spacing around the logo element. |
| MarginLine | Number | 10 | Vertical spacing relative to other elements. |
| OnClick | Array |
[] | Actions triggered when the logo is clicked. |
| OnLongClick | Array |
[] | Actions triggered when the logo is long-pressed. |
Coding:
{
"@Type": "Logo",
"Name": "{name}",
"Logo": "{logo}",
"Alt": "{alt}",
"Size": 0,
"Margin": 20,
"MarginLine": 10,
"OnClick": [],
"OnLongClick": []
}To see how to create this element in Applin Studio (no-code mode), visit:
Design the Logo in Applin Studio