Axure8.0 Tutorial: drop-down menu+check box select all

Dynamic panels are widely used in Axure prototype design. This article shares a tutorial on making multi-level linkage effects with dynamic panels. Let's take a look.

Dynamic panel in Axure In prototype design, it can be said that it is the most widely used. In this course, we learn to use dynamic panels to create multi-level linkage effects.

 Axure8.0 Tutorial: drop-down menu+check box select all

Prototype preview address: https://8ewqz4.axshare.com

1、 Make interactive effects

Step 1: Create a dynamic panel

Create a dynamic panel named "Doctor“ Axure8.0 Tutorial: drop-down menu+check box select all

Create four panels named: Select Region, Select Hospital, Select Department and Select Doctor

The panel contents are shown as follows:

01. Select region

 Axure8.0 Tutorial: drop-down menu+check box select all 02. Select Hospital

 Axure8.0 Tutorial: drop-down menu+check box select all 03. Select department

 Axure8.0 Tutorial: drop-down menu+check box select all 04. Select a doctor

 Axure8.0 Tutorial: drop-down menu+check box select all

Step 2: Add interaction

01. The dynamic panel defaults to "Select region". When entering the "Select region" panel and clicking a region, select "Set panel status" to trigger "Mouse click event", check "Doctor" dynamic panel, and select "Select status" to select a hospital, as shown in the figure

 Axure8.0 Tutorial: drop-down menu+check box select all

 Axure8.0 Tutorial: drop-down menu+check box select all

02. Enter the "Select Hospital" panel, click on the hospital, select "Set Panel Status", trigger "Mouse Click Event", check the "Doctor" dynamic panel, and select "Select Status" to select the department, as shown in the figure

 Axure8.0 Tutorial: drop-down menu+check box select all

03. Enter the "Select Department" panel, click the department, select "Set panel status", trigger "Mouse click event", check the "Doctor" dynamic panel, and select "Select status" to select a doctor, as shown in the figure

 Axure8.0 Tutorial: drop-down menu+check box select all

Multi level linkage function has been completed

If you want to reselect, you can select the corresponding item and trigger the corresponding "mouse click event". Its operation is similar to the above, as shown in the figure:

 Axure8.0 Tutorial: drop-down menu+check box select all

 

Operation article of last year and today

  1. 2023:   Figure Baili Xiaohongshu Enterprise Number Operation Planning Scheme (0)
  2. 2023:   First Principles (0)
  3. 2021:   Ten year operator: reflection triggered by an ice cream cone (1)
  4. 2021:   Which tourist cities are worth the National Day holiday in 2021? Take notes quickly (0)
  5. 2021:   How to set the countdown days on the notes of Android phones? (0)

This article was contributed by Xianxianlu, which does not represent the position of Love Operation. If it is reproduced, please indicate the source: https://www.iyunying.org/pm/axure/293187.html

fabulous (0)
 Head portrait of Cixianlu Fibrillar dew Contributors
Previous 5:57 p.m., September 27, 2022
Next 6:04 p.m., September 27, 2022

Recommended information

Post reply

Sign in Can't comment until
Share this page
Back to top