drag selector Phone Number List

You can read or write about phone number list
Post Reply
nabilislam
Posts: 1
Joined: Thu Jun 09, 2022 5:42 am

drag selector Phone Number List

Post by nabilislam »

Drag selector, also known as sliding selector or sliding shuttle box, is often used to move data left and right list boxes to realize multiple selection of data. Phone Number List The author of this article uses Axure to teach you how to make a drag selector, I hope it will help you. Drag selectors, also known as sliding selectors or sliding shuttle boxes, are often used to move data left and right in the list box to achieve multiple selections of data. Phone Number List Today I will teach you how to use a repeater to make a prototype template of a drag selector that is easy to use and has high-fidelity effects. The specific effect is shown in the figure below: Prototype address g=1 Then let's start making together.

1. Material preparation This prototype is mainly made with repeaters. After this is done, the next time you use it, you only need to maintain the data in the repeater table to automatically generate interactive effects, so the reusability is relatively high. . 1. Phone Number List Component text labels required for the optional column on the left: prompt text, in the case of four words in the optional column. Repeater on the left: named repeater 1, mainly to distinguish the repeater from the repeater on the right Phone Number List There is a rectangle in the device by default. We adjust the style according to actual needs. In the case, the selected style is gray, and the disabled style is blue. We need to turn the rectangle into a dynamic panel, because only dynamic panels have drag events. Phone Number List The repeater table has its own Column0 column by default, and you can fill in the specific option text below. If there is a lot of data, you can also copy it from the excel table.

Image

Background rectangle: The background frame can be set with a rectangle. As for the lower part of the repeater, 2. The components required by the selected column on the right are basically the same as those in the selected column on the left. Phone Number List We directly copy one and then modify it to make it more Shortcut text label: prompt text, in the case of the selected column four words Repeater on the left: named Repeater 2, mainly to distinguish it from the repeater on the left The style needs to be adjusted. In the case, the selected style is gray, and the disabled style is blue. We need to turn the rectangle into a dynamic panel, because only dynamic panels have drag events. The repeater table has its own Column0 column by default, Phone Number List and the selected column is empty by default, so delete all row data in the repeater first. Background rectangle: The background frame can be set with a rectangle, as for the bottom of the repeater. So we have all the materials ready, let's start to make the interaction.
Post Reply