Set size of the column

For more information on sizing in your app, please see our introduction here​

Property

Description

Height

Default (Fill container); Fill container sizes the row to fill the Screen or container that it is within. Fit contents sizes the row to the size of its contents; Relative size size the row to a percent of the Screen or other container it is within; Absolute size sizes the row to a specific number of pixels

Width

Default (Fill container); Fill container sizes the row to fill the Screen or container that it is within. Fit contents sizes the row to the size of its contents; Relative size size the row to a percent of the Screen or other container it is within; Absolute size sizes the row to a specific number of pixels

Space the elements vertically

The Justification property allows you to space elements in a Column vertically

Space the elements horizontally

The Alignment property allows you to space elements in a Column horizontally

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 column is scrollable. For scrollable to work, you must also set your screen height to fit contents and the components in your column must have heights set in absolute pixels