24
Views
9
Comments
Solved
[OutSystems UI] Interaction\DropdownTags
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

Hi Team,
I am using the Interaction → DropdownTags(for multi select) component, bound to a Static Entity with the following values:

  • All

  • Option A

  • Option B

My requirement is: when the user selects All, Option A and Option B should automatically get selected as well.

I attempted to achieve this using ListAppend in the OnChange client action, but it is not working.

Currently, my DropdownTagsOnChange client action contains only one assignment:


SelectedOptionList2 (DropdownOption List) =

SelectedOptionList   // Input parameter of the OnChange action


2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hi @Siddharth Vyas ,

You can do this without a Forge component by adjusting the logic in the dropdown’s OnChange event. The key is to first detect whether the “All” option is selected and then branch the logic into three clear flows:

  1. When “All” is selected Automatically select all other available options.

  2. When “All” is deselected Clear all selected options.

  3. When “All” is selected and another option is deselected Deselect both the “All” option and the option that was manually removed.

Things to keep in mind:

  • Update the UI using built-in client actions such as DropdownSetValue and DropdownClear.

  • Keep the internal list of selected values in sync (the input list from the dropdown).

  • Update the local list that is actually used.

I attached an OML with the implementation for reference, if you got any questions let us know.

DropdownTagsSamplee.oml
2024-10-05 13-30-20
Huy Hoang The

Greats! i think we can use this way but we also use mentioned forge by Sherif (Easy use and 0AO).

2023-10-16 05-50-48
Shingo Lam

Yeah, Outsystems UI supports the dropdown client actions to interact with the UI, combining with variable assignment should work for both data and UI

2022-06-23 06-21-50
Siddharth Vyas

Its working perfectly. Thanks for the solution

2025-12-22 13-50-43
Sherif El-Habibi
Champion

Hello,

Do you specifically need this feature within the OutSystemsUI dropdown tags, or would you be open to using an alternative approach?

There is a Forge component that matches your requirements exactly:

https://www.outsystems.com/forge/component-overview/9239/multiple-selection-dropdown-reactandmob-o11

2022-06-23 06-21-50
Siddharth Vyas

It will be great if i can achieve this without using and forge component.

2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hi @Siddharth Vyas ,

You can do this without a Forge component by adjusting the logic in the dropdown’s OnChange event. The key is to first detect whether the “All” option is selected and then branch the logic into three clear flows:

  1. When “All” is selected Automatically select all other available options.

  2. When “All” is deselected Clear all selected options.

  3. When “All” is selected and another option is deselected Deselect both the “All” option and the option that was manually removed.

Things to keep in mind:

  • Update the UI using built-in client actions such as DropdownSetValue and DropdownClear.

  • Keep the internal list of selected values in sync (the input list from the dropdown).

  • Update the local list that is actually used.

I attached an OML with the implementation for reference, if you got any questions let us know.

DropdownTagsSamplee.oml
2024-10-05 13-30-20
Huy Hoang The

Greats! i think we can use this way but we also use mentioned forge by Sherif (Easy use and 0AO).

2023-10-16 05-50-48
Shingo Lam

Yeah, Outsystems UI supports the dropdown client actions to interact with the UI, combining with variable assignment should work for both data and UI

2022-06-23 06-21-50
Siddharth Vyas

Its working perfectly. Thanks for the solution

2023-10-31 07-36-11
Marlies Quaadgras
Champion

hi @Siddharth Vyas  


The question is what you want to do when ""All" is selected? Do you want to create 2 records of fill 2 attributes? You can easy do that based on the selection of "All" while saving 


Would that help?


2022-06-23 06-21-50
Siddharth Vyas

Thanks for the prompt response I got the exact solution from the above attached OML by 

Mihai Melencu

2023-10-31 07-36-11
Marlies Quaadgras
Champion
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.