Dual List Box in Power Apps (Remove selected items)

[FrancisSTG]

Hi all,

In my previous post, I raised the question like how to achieve the dual list box functionality. My actual requirement is mentioned in the below screenshot (Figure 1).

Figure 1

In Power Apps, I have achieved the same functionality using two list boxes. I can add the selected items in the second list box. But I want to remove the added items from the First List Box. 

Figure 2:

Looking forward your reply. Thanks in advance.

[gabibalaban · Accepted solution]

Hi @FrancisSTG 

Yes your objective is achivable. This is how ...

You need two collection for this, One at the begining loaded with your data (let's call it MyData) and the other one empty (let's call it MySelection).

On LeftListBox set:

       Items property to:   Sort(MyData, columnToOrder,Ascending)

       OnSelect property to: Collect(MySelection,LeftListBox.Selected);Remove(MyData,LeftListBox.Selected)

On RightListBox set: 

      Items property to: Sort(MySelection, columnToOrder,Ascending)

      OnSelect property to: Collect(MyData,RightListBox.Selected);Remove(MySelection,RightListBox.Selected)

and the result should be like this:

[FrancisSTG]

Hi @gabibalaban 

Thank you so much for your reply and suggestion. I have implemented as you explained; it's working perfectly fine..

Thanks again..