Float Buttons are interactive buttons that “float” above the content of pages such as Main, Listing, or Web. They remain fixed in a corner or over content and provide quick access to important actions. Each button can have a custom color, size, logo, and shadow elevation. Users can tap or long-press the button to trigger specific actions defined in your app.
| Field | Type | Default Value | Description |
|---|---|---|---|
| Color | Color | {color} | Background color of the floating button. Can be customized to match branding. |
| Size | Number | 90 | Diameter of the button in pixels. Adjust for prominence or subtlety. |
| Radius | Number | 1000 | Corner radius of the button. Large value creates a circular shape. |
| Elevation | Number | 1 | Shadow depth of the button to create a floating visual effect. |
| Logo | Logo | {logo} | Image or icon displayed on the button. |
| Logo.Size | Number | 30 | Size of the logo inside the button, in pixels. |
| OnClick | Array |
[] | List of actions executed when the button is tapped. |
| OnLongClick | Array |
[] | List of actions executed when the button is long-pressed. |
Coding:
{
"Float.Buttons": [
{
"Color": "{color}",
"Size": 90,
"Radius": 1000,
"Elevation": 1,
"Logo": "{logo}",
"Logo.Size": 30,
"OnClick": [],
"OnLongClick": []
}
]
}To see how to design Float Buttons in Applin Studio (no-code mode), visit:
Design Float Buttons in Applin Studio