Palette: Form / HTML › Button. Type in the page file: button. 53 properties.
Common groups: General, Position, Size, Transform, Animation, Shadow, Glow; see Common properties.
Content
| Property | Field | Values | Default | Bindable | Notes |
|---|
| Text | text | Text | Button | Yes | |
Font
| Property | Field | Values | Default | Bindable | Notes |
|---|
| Font Family | fontFamily | Font | — | — | |
| Font Size | fontSize | Number | 14 | Yes | |
| Width | fontWeight | normal, bold | normal | — | |
| Style | fontStyle | normal, italic | normal | — | |
| Text Decoration | textDecoration | none, underline, line-through, underline line-through | none | — | |
| Letter case | textTransform | none, uppercase | none | — | |
| Text Color | color | Color | #ffffff | Yes | |
Padding
| Property | Field | Values | Default | Bindable | Notes |
|---|
| Padding (all) | padding | Number | — | Yes | Distance of the text from the box edge (px); empty = left/right 6, top/bottom 1 |
| Left | paddingLeft | Number | — | Yes | Distance of the text from the box edge (px); empty = left/right 6, top/bottom 1 |
| Right | paddingRight | Number | — | Yes | Distance of the text from the box edge (px); empty = left/right 6, top/bottom 1 |
| Top | paddingTop | Number | — | Yes | Distance of the text from the box edge (px); empty = left/right 6, top/bottom 1 |
| Bottom | paddingBottom | Number | — | Yes | Distance of the text from the box edge (px); empty = left/right 6, top/bottom 1 |
Appearance
| Property | Field | Values | Default | Bindable | Notes |
|---|
| Background | backgroundColor | Color | #3b82f6 | Yes | |
| Fill Style | backgroundFillStyle | solid, linear-gradient, radial-gradient | solid | — | |
| Gradient | backgroundFillStops | Gradient stops | — | — | Shown when Fill Style is linear-gradient or radial-gradient |
| Border | borderColor | Color | #2563eb | Yes | |
| Border R. | borderWidth | Number | 1 | Yes | |
| Corner R. | borderRadius | Number | 6 | Yes | |
| Raised | raised | On / off | Off | Yes | |
| Inner stroke color | innerStrokeColor | Color | — | Yes | |
| Inner stroke width | innerStrokeWidth | Number | 0 | Yes | Second stroke just inside the outer stroke; 0 = none |
Raised
| Property | Field | Values | Default | Bindable | Notes |
|---|
| Bevel width | bevelWidth | Number, 0–10 px | 0 | Yes | Shown when Raised is on |
| Light edge | bevelLight | Color | #FFFFFF | Yes | Shown when Raised is on |
| Dark edge | bevelDark | Color | #808080 | Yes | Shown when Raised is on |
Active page
| Property | Field | Values | Default | Bindable | Notes |
|---|
| Active page fill | activeBackgroundColor | Color | — | Yes | |
| Active page text | activeColor | Color | — | Yes | |