Screen

Screen starts and opens
Event
Description
Starts
Triggers an event / set of events when the Screen is first opened
Opens
Triggers an event / set of events whenever the Screen is opened
Space elements horizontally
The Horizontal Alignment property allows you to space elements in a Screen horizontally
Space elements vertically
The Vertical Alignment property allows you to space elements in a Screen vertically
Add a background color or picture
Property
Description
Background Color
Default (none). Select any color using the color picker, RGBA or HEX value
Background Picture
You can upload a background image to your app or reference an image url e.g.beaver-yellow.png
Background Picture Resize Mode
Determines how to resize the image when the frame doesn't match the raw image dimensions;cover(default) Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding);containScale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding);stretchScale width and height independently, This may change the aspect ratio of the src;repeatRepeat the image to cover the frame of the view. The image will keep it's size and aspect ratio;centerCenters the image in the frame
Enable scrolling
Property
Description
Scrollable
Default (false). Indicates whether the screen is scrollable. For scrollable to work, you must also set your screen height to fit contents and the components in your screen must have heights set in absolute pixels
Hide (or show) status bar
Property
Description
Show Status Bar
Default (true). If set to false, hides the top status bar
Set orientation
Coming Soon.

Layout

Row

Last updated 2 months ago

Event	Description
Starts	Triggers an event / set of events when the Screen is first opened
Opens	Triggers an event / set of events whenever the Screen is opened

Property	Description
Background Color	Default (`none`). Select any color using the color picker, RGBA or HEX value
Background Picture	You can upload a background image to your app or reference an image url e.g.`beaver-yellow.png`
Background Picture Resize Mode	Determines how to resize the image when the frame doesn't match the raw image dimensions;`cover`(default) Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding);`contain`Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding);`stretch`Scale width and height independently, This may change the aspect ratio of the src;`repeat`Repeat the image to cover the frame of the view. The image will keep it's size and aspect ratio;`center`Centers the image in the frame

Property	Description
Scrollable	Default (`false`). Indicates whether the screen is scrollable. For scrollable to work, you must also set your screen height to `fit contents` and the components in your screen must have heights set in `absolute` pixels

Property	Description
Show Status Bar	Default (`true`). If set to `false`, hides the top status bar