Axure Tutorial: Make Dropdown with Tree

Introduction

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