Vahana Academy


The “Stack” element allows you to stack or place several overlapping UI elements. Also, a “Stack” can be used as a parent layout to contain other child layouts. By default, the orientation of the stack layout is “vertical,” which can be changed programmatically. Usage When to use You can use the stack layout to:–> Arrange… Continue reading Stack


The “Column” element aligns multiple other elements vertically. On a page where you want to place and align multiple elements vertically, you can use the column layout. While designing an application, you can use a column as follows: Virtual Column You can use the virtual column to align elements vertically on a page. When you… Continue reading Column


The “Row” element is used to align other elements (For example:- button, image, icon, etc) horizontally. In a page that contains multiple UI (User Interface) items, the “Row” element proves of high importance to align multiple user interfaces horizontally. You use multiple row layouts to align user interfaces horizontally. You can view the “Row” element… Continue reading Row

vDesigner Dashboard (UI block’s placement and auto-creation feature)

The vDesigner module is based on the concepts of Flutter.¬†Designing UI on canvas is broadly managed by the two following aspects: Auto placement After you drop the element on the canvas, the element is placed at the top left of the page.   Accordingly, the user can see the guides (green for all possibilities,¬†yellow for… Continue reading vDesigner Dashboard (UI block’s placement and auto-creation feature)