📄️ Overview
A layout defines the general look for this page or a specific section of the page, on each layout you can select a data source or trigger different events. The available data sources types are:
📄️ Raster
Raster allows you to place elements wherever you want on the page. Accessing the Raster tab allows you to set the following:
📄️ Grid
The grid element enables you to transform your page into a grid layout, giving you the flexibility to showcase content according to your preferences.
📄️ Bootstrap Grid
The Bootstrap Grid layout element is an essential tool for creating responsive and structured designs in your low-code platform. It allows users to efficiently manage and arrange interface components within a grid system. The settings for this element are configured within the nested elements, offering flexibility and precision.
📄️ Flex
The Flex layout element is a powerful tool for arranging elements within your application interface. It allows for flexible and efficient organization of components, making it ideal for creating responsive designs that adjusts automatically for different screen sizes.
📄️ Canvas
Used when you want to set the exact location of an element using the location property inside the content section. If one of the positions Top Left, Top Right, Bottom Left, Bottom Right is set, then the size of the control takes effect in the display. If Top and Bottom are set as values, these position specifications are evaluated.
📄️ Repeat
Allows for repetition of elements. For example, when wanting to display an unknown number of images. A list is passed to the repeat control. The control on it is repeated for each list entry. In the case of data binding, the Data Source must be set above it in the layout tree. Accessing the repeat tab allows you to change the following: Orientation (Vertical, Horizontal, Reverse, Wrapping, and different variations of the orientations like Horizontal Reverse), Align Items (flex-start, flex-end, center, baseline, stretch, inherit, initial, unset), align content (flex-start, flex-end, center, space-between, space-around, stretch, inherit, initial, unset), Disable Auto Load, UseVerticalScroll, Page Size.
📄️ Bootstrap Repeat
Similar to the repeat where it can display multiple entries of a list, the only difference is that it follows the bootstrap grid layout options, where each element can have different sizes depending on four screen sizes, and they are: Small-sm, Medium-md, Large-lg and Extra Large-xl.
📄️ Expansion Panel
A panel that is placed to the side of the page. The size of the panel can be changed. It also can be changed to open to the left. Panels can be added with caption and icon. The properties are: