VerticalArrangement

Last Updated On 2021-07-16

A formatting element in which to place components that should be displayed one below another. (The first child component is stored on top, the second beneath it, etc.) If you wish to have components displayed next to one another, use HorizontalArrangement instead.

Properties

You can set the below properties in the UI part of the builder.

AlignHorizontal - it's a horizontal alignment value which is set to 1 by default.
AlignVertical - it's a vertical alignment value which is set to 1 by default.
BackgroundColor - it's a color value which is set to &h00000000 by default.
Clickable - it's a boolean value which is set to false by default.
Elevation - it's a float value which is set to 0 by default.
HeihMargin - it's a four value which is set to 0,0,0,0 by default.
HeihPadding - it's a four value which is set to 0,0,0,0 by default.
Image - it's a asset value which is set to blank by default.
LongClickable - it's a boolean value which is set to false by default.
MarginBottom - it's a non negative float value which is set to 0 by default.
MarginLeft - it's a non negative float value which is set to 0 by default.
MarginRight - it's a non negative float value which is set to 0 by default.
MarginTop - it's a non negative float value which is set to 0 by default.
PaddingBottom - it's a non negative float value which is set to 0 by default.
PaddingLeft - it's a non negative float value which is set to 0 by default.
PaddingRight - it's a non negative float value which is set to 0 by default.
PaddingTop - it's a non negative float value which is set to 0 by default.
Visible - it's a visibility value which is set to true by default.

Block Properties

You can set the below blocks properties in the blocks section of the builder.

AlignHorizontal

A number that encodes how contents of the VerticalArrangement are aligned horizontally. The choices are: 1 = left aligned, 2 = right aligned, 3 = horizontally centered. Alignment has no effect if the arrangement's width is automatic.

AlignVertical

A number that encodes how the contents of the VerticalArrangement are aligned vertically. The choices are: 1 = aligned at the top, 2 = vertically centered, 3 = aligned at the bottom. Alignment has no effect if the arrangement's height is automatic.

BackgroundColor

Returns the background color of the VerticalArrangement

Clickable

Specifies whether the image should be clickable or not.

Elevation

Sets elevation to layout

Height

Specifies the vertical height of the VerticalArrangement, measured in pixels.

HeightPercent

Specifies the vertical height of the VerticalArrangement as a percentage of the height of the Screen.

Image

Returns the path of the background image of the `VerticalArrangement`.

LongClickable

Specifies whether the image should be long clickable or not.

MarginBottom

Property for MarginBottom

MarginLeft

Property for MarginLeft

MarginRight

Property for MarginRight

MarginTop

Property for MarginTop

PaddingBottom

Property for PaddingBottom

PaddingLeft

Property for PaddingLeft

PaddingRight

Property for PaddingRight

PaddingTop

Property for PaddingTop

Visible

Specifies whether the VerticalArrangement should be visible on the screen. Value is true if the VerticalArrangement is showing and false if hidden.

Width

Specifies the horizontal width of the VerticalArrangement, measured in pixels.

WidthPercent

Specifies the horizontal width of the VerticalArrangement as a percentage of the width of the Screen.

Events

You can set the below event blocks in the blocks section of the builder.

Click

Layout clicked

LongClick

Layout long clicked