All Collections
Using Editor
Tips & Tricks
Using Vertical Stacks to Create a Menu
Using Vertical Stacks to Create a Menu
Creating a menu with the Vertical Stack container setting
Kirsten Stevens avatar
Written by Kirsten Stevens
Updated over a week ago

Vertical stacks are a versatile feature in iRise. You can utilize them to create a variety of different functions and components with ease. This article will go in detail on building out a menu with vertical stacks. If you need to familiarize yourself with vertical stacks first, please view the article here to get an overview. 

To create a menu with vertical stacks, we will need to begin with the vertical stack container. This is the container that will be used to organize all of the items in your menu. Create a container with a size that should take up the amount of screen necessary to house all your menu items. 

Within the Format > Settings panel of this container, flip the Layout option to Vertical stack.

Now you can create smaller containers within the vertical stack to act as your menu options. You will want to ensure that your Drag Mode is set to Drop Into before creating the containers. The new containers will automatically adjust to the top left and cascade down as you create them. Create as many menu options as necessary. 

When you have all the menu options you need, create a text widget within each of the menu containers to assist in labeling them. 

Positioning can be done using the default auto-alignment guide or absolute positioning with pixel values. You can also adjust the Layout options for the text widgets to change their positioning within the containers and easily center or middle align them. 

Now that the main work for the menu is complete, you can adjust the formatting to help stylize the menu according to your needs. Utilize the fill, border, and corner attributes to help bring your menu to life.

If you have any questions, feel free to contact us at support@irise.com or check out the support portal at support.irise.com. You can also reach a member of support by using the 'Chat with us' button at the top right of your Definition Center interface. 

Did this answer your question?