Select Deselect pane not available

(2) Share

Report

Posted on by Poweruser32490

I want to implement a select deselect pane in powerapps as per below screenshot. But i noticed that such control not available in powerapp form. May i know how to implement that?

Categories:

AI Builder

Building Power Apps

Connector development

Experimental features

Microsoft Dataverse with Power Apps

Error handling

GCC, GCCH, DoD - Federal App Makers (FAM)

Governance & administering

Power Apps Pro Dev & ISV

Power Query

General topics

I have the same question (0)

All responses (8)

Answers (0)

Sort by

WarrenBelz 155,052 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!

Hi @Poweruser32490,

What exactly are you trying to select and de-select and what from ?

Was this reply helpful? Yes No
Vish WR 1,102 on at

Like (0)

Report
Copy link

Link copied!

@Poweruser32490

Use two collections

colAvailable for unselected items and colSelected for chosen items. Initialize both on screen OnVisible using ClearCollect from your data source.

Place two vertical galleries side by side. The left gallery binds to colAvailable and the right to colSelected. Inside each gallery row, add a button. The left button runs Collect(colSelected, ThisItem) and Remove(colAvailable, ThisItem) to move items right. The right button does the reverse to move items back.

On form submit, use Concat(colSelected, Value, ",") inside a Patch call to save the selected values as a comma-delimited string to your data source.

Or PCF

Vishnu WR

LinkedIn - My Tech Space

Please ✅ Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider answering Yes to Was this reply helpful? or give it a Like ♥

Was this reply helpful? Yes No
Suggested answer

11manish 1,422 on at

Like (0)

Report
Copy link

Link copied!
Power Apps does not provide a built-in dual list (select/deselect) control.

You need to implement it using two galleries and collections, moving items between them using buttons.

You will create:

Left list → Available items

Right list → Selected items

Buttons → Move items between lists

Was this reply helpful? Yes No
Poweruser32490 62 on at

Like (2)

Report
Copy link

Link copied!

Hi @WarrenBelz,

Left pane datasource will be a sharepoint list. Once i select items and click Add, it should show in the right pane.

Also, the selected items in right pane should get saved in the backend multiple lines of text column separated by semicolon/ multi choice column whichever is preferable.

Was this reply helpful? Yes No
Suggested answer

WarrenBelz 155,052 Most Valuable Professional on at

Like (3)

Report
Copy link

Link copied!
Hi @Poweruser32490,

Assuming records are in the left pane (or more specifically a field from a record), you need to add to a collection OnSelect of the left pane
Collect( colItems, ThisItem.YourFieldName )

or on the Add button after selecting

Collect( colItems, GalleryName.Selected.YourFieldName )

and the Items of the second Gallery

colItems

with a Label

ThisItem.Value

and your Patch for a multi-line Text field
Concat( colItems, Value, ";" )

Lastly to remove from the right pane OnSelect
Remove( colItems, ThisItem )

Or on the Remove button
RemoveIf( coltems, Value = Gallery2Name.Selected.Value )

Please ✅ Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider answering Yes to Was this reply helpful? or give it a Like ♥
Visit my blog Practical Power Apps LinkedIn

Was this reply helpful? Yes No
Suggested answer

Valantis 3,427 on at

Like (2)

Report
Copy link

Link copied!

Hi @Poweruser32490,

Warren answer covers it perfectly.

The two gallery + collection pattern is the correct approach for this in Power Apps since there is no built-in dual list control.

Just to confirm the full picture for your scenario:

- Left gallery binds to your SharePoint list directly
- OnSelect of an item in the left gallery: Collect(colSelected, ThisItem)
- Right gallery binds to colSelected
- To remove from right gallery: Remove(colSelected, ThisItem)
- When saving, use Concat(colSelected, YourField, ";") in your Patch to write to the multi-line text column

For the multi-choice column option, SharePoint multi-choice columns expect an array not a string, so the multi-line text with semicolons is simpler to implement and easier to read back.

Best regards,

Valantis

✅ If this helped solve your issue, please Accept as Solution so others can find it quickly.

❤️ If it didn’t fully solve it but was still useful, please click “Yes” on “Was this reply helpful?” or leave a Like :).

🏷️ For follow-ups @Valantis.

📝 https://valantisond365.com/

Was this reply helpful? Yes No
Suggested answer

Haque 1,953 on at

Like (1)

Report
Copy link

Link copied!

Hi @Poweruser32490,

Actually there is no built in component in PowerApp as such. You have craft it from the scracth. Let's see if this help:

I am sure some clues I tried to give. If these clues help to resolve the issue brought you by here, please don't forget to check the box Does this answer your question? At the same time, I am pretty sure you have liked the response!

Was this reply helpful? Yes No
WarrenBelz 155,052 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!

Hi @Poweruser32490,

A quick follow-up to see if you received the answer you were looking for. Happy to assist further if not.

Please ✅ Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider answering Yes to Was this reply helpful? or give it a Like ♥
Visit my blog Practical Power Apps LinkedIn

Was this reply helpful? Yes No