Axure Tutorial: Make Slides with Dynamic Panel

Introduction

Slides are often used to display multiple products and news. It is a control we often use. Today, let's learn how to make slides through dynamic panel.

 

Widgets Setup

1. Slide body

The slide 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.

If you like the article, please share it with others with page link, thanks for your supporting! ❤

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. 


Leave a comment

Please note, comments must be approved before they are published

This site is protected by hCaptcha and the hCaptcha Privacy Policy and Terms of Service apply.