Introduction
Sliders are often used to display multiple products and news. It is a control we often use. Today, let’s learn how to make sliders through dynamic panel.
Widgets
Widgets Setup
1. Slider body
The slider body is made through the dynamic panels. Here we set a total of 4 states. Each state has a different name.
2. Arrows
Make arrows from 2 circles.
3. Indicator
There are 4 indicators in total, corresponding to the number of dynamic panel states.
Set the selected style of the indicators, select the first indicator by default, and set the selection group of the indicators.
Interactions Setup
When clicking the previous / next arrow, set the state of the dynamic panel to the previous or next, and animate and wrap.
When the state of the dynamic panel changes, select the corresponding indicator according to the conditions.
When the dynamic panel is loaded, set the dynamic panel to automatically change to the next, and set to repeat, delay first state change by 3000 ms.
In this way, all the settings are completed. If you have any questions and suggestions, please leave a message.
Note: Click here to download the completed RP file for this tutorial (RP 10 or up).
Well Joe @AxureBoutique, a technology writer and teacher, focuses on Axure prototype design and product design.
#axure widgets #ux design #Axure templates #Axure tutorial #Axure #Product Design & Product Manager #UI / UX / Interaction Design
