Web Design » InVision » How do I create a drop down menu in InVision?

How do I create a drop down menu in InVision?

Last updated on December 19, 2022 @ 3:31 pm

InVision is a great tool for creating interfaces and user flows. One of the most common elements used in user flows is a drop down menu. To create a drop down menu in InVision, follow these steps:

1. Choose the element you want to create a drop down menu for. In this example, we will be using a drop down menu.

2. Click on the “Draw” button in the toolbar.

3. In the “Options” panel, choose the “Drawing Style” you want to use. In this example, we will use the “Solid” style.

4. Click on the “Draw” button again.

5. In the “Menu Item” panel, type the text you want to appear in the menu. In this example, we will type “About”.

6. In the “Menu Item” panel, select the “Drop Down” tab.

7. In the “Drop Down” panel, choose the “Menu Item” option.

8. In the “Menu Item” panel, type the text you want to appear as the “Title” for the menu item.

9. In the “Menu Item” panel, select the “Radio” tab.

10. In the “Radio” panel, type the values you want to appear in the menu as radio buttons. In this example, we will type “Yes” and “No”.

11. In the “Menu Item” panel, select the “Close” tab.

12. In the “Close” panel, type the text you want to appear as the “Close” button. In this example, we will type “OK”.

13. Click on the “Close” button.

14. Congratulations! Your drop down menu is now complete.

PRO TIP: If you are not familiar with InVision, we recommend that you seek help from someone who is before attempting to create a drop down menu. Creating a drop down menu in InVision can be complex and may result in unexpected results if not done correctly.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.