This element collects other elements as a group.
There are extra options available for Layout elements that can be configured using no code.
One can use records on a database to configure the elements inside a Layout.
These are the low code actions available for Layout elements.
Used to refresh the records of a Layout element.
Example: after changing the records in a database, you can use this action to update the elements inside the Layout to reflect the current database state.
Each element inside a Layout has a Context (i.e. a reference to the RecordID). Using this action, one can update a variable based on a value from that context.
Layouts have a mouseUp event that can be configured using low-code. This event is triggered when the user clicks or touches the layout.
This section is used to configure the layout size and position.
|top||The value in pixels representing how far the element is from the top of the window.|
|left||The value in pixels representing how distant element is from the left side of the window.|
|width||The value in pixels representing the distance between the left side of the element and its right side.|
|height||The value in pixels representing the distance between the bottom side of the element and its top side.|
Use the properties in this section to configure the responsive design behaviors for the element.
|lockAspectRatio||Locks the aspect ratio of the element.|
|responsive-x||How the element resizes responding to screen changes in the X axis.|
|responsive-y||How the element resizes responding to screen changes in the Y axis.|
|allowInIOSNotch||Allows the element to be drawn outside the safe area on iOS. Will draw underneath the notch in iOS.|
This section is used to configure how the layout looks.
|showBorder||Turns the visibility of the element’s borders on or off.|
|borderColor||The color used for the border of the element.|
|lineSize||The size of a line in pixels.|
|opaque||If the element is opaque or if it’s background is transparent.|
|backgroundColor||The color used for the element’s background.|
|showScrollbar||If the scrollbar should be visible or not.|
This section is contains properties that are specific to elements of type layout.
|name||The name of the element. Displayed in the project browser.|
|multipleRows||If the element should contain multiple rows.|
|bottomMargin||The value in pixels of the bottom margin.|