Since dropdown menus generally reveal their content by demand and their behavior is dynamic on a page, it is not recommended to use tooltips.
As you might already know, steps are building blocks of guides, and they fall into three categories: Modals, Tooltips, and Input Fields.
If your wish is to design a flow, at some point, entailing end-users to open a dropdown menu and select an item from it, you should go with the Tooltips by creating two separate steps:
- The first step is to open the dropdown menu.
- The second step is selecting an item from the submenu we've opened.
Note: We've utilized one of our dropdown lists in the Guide settings in the following example.
1) The first step is to open the dropdown menu
- Select the Tooltip as your step type - you, too, can Create from Scratch.
- Highlight the Dropdown Menu Bar and select it as this step's element; type your text in the given area.
- Choose the option of "Proceed to Next Step on click of Element."
If you follow our previous instructions, with the help of the step you've created, end-users can click on the Menu Bar to open the Dropdown Menu like in the example below.
We want people to select an item after opening the menu, so our second step should be designed accordingly.
2. The second step is selecting an item from the Dropdown Menu.
- Select the Tooltip as your step type - you, too, can Create from Scratch.
- Then, while the menu is open, highlight the whole thing and then click to select it as this step's element; type your text in the given area.
Important: Pressing Option (Alt for Windows) pauses/resumes the selection process so you can work on dynamic elements. You can use the Up/Down Arrows to select bigger/smaller elements.
- Choose the option of 'Proceed to Next Step on click of Element.'
If you follow the above instructions, with the help of the step you've created, end-users can select an item from the Dropdown Menu.
Alternative Method
If you prefer, you can combine all of the above into a single step.
- Select the Tooltip as your step type.
- Choose the option of "Proceed to Next Step on click of Button."
- Turn the "Interaction with the highlighted area ON." So that end users can click on the Menu Bar to open the Dropdown Menu.
- Turn the "Interaction with page ON." So that end users can select an item from the menu they've opened.
If you follow the above instructions, with the help of a single step you've created, end-users 1) can open the Dropdown Menu, 2) select an item from there, and 3) proceed to the next step by clicking on the NEXT button like in the example below.








