(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();
Vertical Stack

In cases where two or more elements come together, we can use the Vertical Stack element to adjust the spacing. It is located under the Container category. You can add many elements, especially Display, Input type elements.

Adding Vertical Stacks

It comes with an automatic row/column when you drag and drop the Vertical Stack element from the Elements panel to an empty area on the screen. You can drag and drop into a row/column or panel element.

Vertical Stack element;

  • Row > Column,
  • Panel,
  • Input (Textinput, Currency, Selectbox, Checkbox and Switch)

You can add elements like.


You can add text and icons inside the Vertical Stack element. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.


Select the Vertical Stack element. You can set the space value between the elements and the Size section in the Properties panel. It comes in 12px by default.


You can use the authorization options for the Vertical Stack element.


You can manage the visibility of the element. It is always visible, hidden, or you can make it appear or hide depending on a condition.


You can make additional edits to the Vertical Stack element by adding a frame, fill color, border, or shadow.


You can make visual adjustments such as environmental interior spaces and sizing. Depending on the size of the Vertical Stack, you can align the elements in it.


You can add colors or images to the Vertical Stack body.


You can add lines to the outer edges of the Vertical Stack and give corner trainings.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try