Multiselect filter for a query best controls

Hello!

I wonder wich is the best Multiselect Method to filter a query

I have try:
use either a table with checkboxes
image

or multiselect dropdown:
image

Right now I´m using the multiselect dropdown for filtering with 2 items or more.

There is any other standard method practice for multiselect filter I should know about?

label + checkbox or button view in a flex repeater (on row +wrap (?) i guess), if you want to spread options across more width than a table can offer

Or even without checkbox if you use some other selected styles
example from googling:
image

3 Likes

I understand you can use external html controls to do this?
Just curious.
I´m already using multiselect dropdown with script and is working fine for multi filtering a table.
image

To do what exactly?

To use this kind of control in Ignitin as it´s not on the controls panel
image

You can make it yourself quite easily.
Victor already told you how:

2 Likes

Ok, my fault, thanks! looks really good.

Before the question inevitably pops up:
Use an output parameter on the instanced button/checkbox/whatever to send back to the repeater whether that instance is selected or not.
Then you can just browse the props.instances property on the repeater and check that parameter to build a list of all the selected instances.

3 Likes

i also suggest using the a style gap: 5px in the repeater to space the button instances

2 Likes

Hi!
Here again.

I was able to show a cool checkbox with this look:
image
using:

image

But I don´t know how to add the checkbox to the label
image

What ? what label ?
and why are you using a breakpoint container for a checkbox ?

how to do: label + checkbox

put label first and add checkbox inside? i don´t know how to do it

The checkbox compoent already has a text property for "label"

I guess i have worded it a bit wrong. All you need to have is something to show what is the value (a label) and somethign that indicates that this value is clicked.
Which can an icon or a different style/background on a label.
The checkbox component already has both.

I think you are making a bit more complicated than it has to be xd
multiselect_demo.zip (23.6 KB)

You defintly want to style this a bit better, borders are required for sure, but yh

2 Likes

Thanks Victor! now I get it.

1 Like