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

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

Adding Horizontal Stacks

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

Horizontal 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 Horizontal Stack element. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.


Select the Horizontal 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 Horizontal 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 further edit the Horizontal 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 Horizontal Stack, you can align the elements in it.


You can add color or image to the Horizontal Stack body.


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

Simplicity Meets High Performance

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