UI Canvas

Canvas is the area where components are placed.

Property

UI Dialog

Item	Input value	Option	Default value
ID	string		Auto settings
Max width	string		-1
Bottom Padding	string		30
Background Color	string color picker
Background Image	string selection dialog
Background Repeat	selection	REPEAT NO-REPEAT	NO-REPEAT
Background Size	selection	AUTO CONTAIN COVER	AUTO
Body Background Color	string color picker
Body Background Image	string selection dialog
Body Background Repeat	selection	REPEAT NO-REPEAT	NO-REPEAT
Body Background Size	selection	AUTO CONTAIN COVER	AUTO

Action

Property	Data Type	Option	Default value
id	string		Auto settings
maxWidth	string		-1
bottomPadding	string		30
backgroundColor	string
backgroundImage	string
backgroundRepeat	string	repoat no-repeat	no-repeat
backgroundSize	string	auto contain cover	auto
bodyBackgroundColor	string
bodyBackgroundImage	string
bodyBackgroundRepeat	string	repeat no-repeat	no-repeat
bodyBackgroundSize	string	auto contain cover	auto

Tips

Tips

• The "id" property cannot be set in actions.

• The "Max Width", "Body Background Color", "Body Background Image","Body Background Repeat" , and "Body Background Size" properties cannot be set in mobile applications.

• Depending on the value specified for "Max Width", the display and operation will differ between the editor and the application.

• Editor

  • -1 designation: No maximum width is specified, and the editor area is infinite.
  • Numeric value of 2 or more: Maximum width is specified, editor area is finite and displayed from left side.
  • Numerical value less than 0, 1, or -1： Same handling as 1 designation

• Application

  • -1 designation：No maximum width is specified, and it is displayed from the left side.
  • Numeric value of 2 or more：Maximum width is specified and displayed in the center.
  • Numeric value less than 0, 1, or -1：Same as -1 designation.

• Even if "Max Width" is specified, the application bar and bottom navigation will be displayed at the screen width.

• "Bottom Padding" is applied to the bottom margin of the screen.

• "Background Color" is applied to the area specified in "Max Width".

• "Body Background Color" is applied to the area other than the area specified in "Max Width".

• "Background Repeat" is displayed when "Background Image" is specified.

• "Background Size" is displayed when "Background Image" is specified and "No-Repeat" is selected for "Background Repeat".

• "Body Background Repeat" is displayed when "Body Background Image" is specified.

• "Body Background Size" is displayed when "Body Background Image" is specified and "No-Repeat" is selected for ”Body Background Repeat”`.