Boutique Axure's profile

Axure Tutorial - Transfer

Introduction
Shuttle box is a commonly used selector. It moves data in the left and right list boxes in a very intuitive way to realize multiple selection of data.

Features to be Realized
1. Select the items on the left and click the right arrow to move the items on the left to the right;
2. Select the items on the right and click the left arrow to move the items on the right to the left.

How to Realize these Features
1. It is realized by two repeaters. The repeater on the left has only one column, which is filled with the person's name by default. When you click the item on the left, select the item, and the repeater on the right adds a line with the same person's name. At the same time, add a filter to hide the items on the right. When you click the right arrow, remove all filters on the right and delete the selected item on the left.
2. Moving items on the right to the left is a similar principle, but the opposite.
Axure Tutorial - Transfer
Published:

Axure Tutorial - Transfer

Published: