How to Toggle All Options in List Selector Inside Repeater When "All" Is Selected in UI Builder?

[OscarZ]

Hi everyone, I'm working on a use case in UI Builder for a workspace experience, and I need help implementing a toggle behavior for a list selector inside a repeater.

Setup:

• I have a left column that contains a repeater.

• Inside the repeater, there's a list selector for each category.

• The options for each list selector are generated via a script.

• We're using Client State Parameters (CSP) to pass the selected values to various data visualizations.

What I’ve done:

• I added a new option called "All" to each list selector.

• The CSP updates correctly when selections change.

The challenge: I want the "All" option to behave like a toggle:

• When "All" is selected, all other options in the list selector component should be selected automatically.

• When "All" is unselected, all other options should be unselected as well.

I’ve tried using a client script to emit a custom event and manipulate the selection, but I haven’t been able to get the list selector to update correctly — especially within the repeater context.

Goal: Implement a behavior where:

• Selecting "All" selects every option in the list.

• Unselecting "All" clears all selections.

Has anyone implemented this kind of toggle logic inside a repeater? Any tips on how to programmatically update the list selector’s selected values or trigger a re-render?

Thanks in advance for any help or ideas!

[AyushKumarM]

Hi @OscarZ , Can you please give a SS for this. It will be helpful.

[OscarZ]

Yes, of course! Here are a few screenshots to illustrate what I'm seeing in my PDI workspace:

Screenshot 1: No Selection Made In this first screenshot, I haven’t selected any options yet. The list selector is in its default state.

Screenshot 2: Selecting "ORG A" and "ORG C" Here, I’ve selected two options: "ORG A" and "ORG C". These selections are being passed to the data visualization via the CSP variable "selectedInstitucion".

Screenshot 3: Using the "All" Option In this screenshot, I’ve selected the "All" option. This passes all available options to both the CSP and the data visualization, as expected.

Screenshot 4: Deselecting "All" Now, I’ve deselected the "All" option. However, the list selector component doesn’t reflect this change visually. The toggle behavior we’re aiming for—where the component updates to show the current selection—isn’t working as expected.

[OscarZ]

@Brad Tilton Do you have any inputs on this question or do you know who may be able to help ?

[Dibyaratnam]

Is this issue resolved? @OscarZ