Axure Tutorial: Make Dropdown with Tree


Features to be Realized

  1. Pop-up effect: After clicking the dropdown box, a tree popup will pop up, and it will be automatically closed when you click other content.
  2. Expand and Collapse: Click the tree node to switch to expand or collapse the corresponding child node.
  3. Selection echo: After selecting the content, echo the selection content to the drop-down box

Widgets Setup

1. Dropdown box panel

2. Tree dropdown list

3. Interactions Setup

1. Dropdown box interaction

2. Dropdown list interaction

3. When the tree node is clicked



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store