Canvas
The canvas of the screen UI is the area where components are placed.
Properties
| No | Item | Input Value | Default Value | Action Property | Type | Action Default Value | Description |
|---|---|---|---|---|---|---|---|
| 1 | ID | String | canvas | id | string | canvas | The [id] property cannot be set in actions. |
| 2 | Max Width [Desktop] | Number | -1 | maxWidth | number | -1 | The display and behavior in the editor and app differ depending on the number specified for [Max Width].Even if [Max Width] is specified, the app bar and bottom navigation are displayed in screen width. |
| 3 | Bottom Padding | String | 30 | bottomPadding | number | 30 | Setting for the bottom margin area of the canvas |
| 4 | Background Color | String Color Picker | backgroundColor | string | Canvas background color | ||
| 5 | Background Image | String | backgroundImage | string | Canvas background image | ||
| 6 | Background Repeat | Select 1. Repeat 2. No Repeat | No Repeat | backgroundRepeat | string | no-repeat | Background image repeat setting |
| 7 | Background Size | Select 1. Auto 2. Contain 3. Cover | auto | backgroundSize | string | auto | Background image object-fit setting |
| 8 | Body Background Color [Desktop] | String Color Picker | bodyBackgroundColor | string | Body area background color setting | ||
| 9 | Body Background Image [Desktop] | String | bodyBackgroundImage | string | Body area background image setting | ||
| 10 | Body Background Repeat [Desktop] | Select 1. Repeat 2. No Repeat | No Repeat | backgroundRepeat | string | no-repeat | Body area background image repeat setting |
| 11 | Body Background Size [Desktop] | Select 1. Auto 2. Contain 3. Cover | auto | backgroundSize | string | auto | Body area background image object-fit setting |