# Multiselect filter for a query best controls **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [September 2, 2024, 11:30am UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428 "2024-09-02T11:30:03Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\ **Post date:** [September 2, 2024, 11:30am UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/1 "2024-09-02T11:30:03Z")
Hello! I wonder wich is the best Multiselect Method to filter a query I have try: use either a table with checkboxes ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/6/c67ba46ec8d88a1060bde4f61f907cd271959980.png) or multiselect dropdown: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/a/fa25ea7962dc09446842e9b191546cfc1b05e8b6.png) 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? ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [September 2, 2024, 11:52am UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/2 "2024-09-02T11:52:23Z")
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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/b/9b53a045806268c897204558adf132010503d14b.png) ---
**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\ **Post date:** [September 24, 2024, 11:46am UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/3 "2024-09-24T11:46:28Z")
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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/e/3e8be51c4bf204daadf0abba69c49db3eff94a85.png) ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [September 24, 2024, 11:54am UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/4 "2024-09-24T11:54:08Z")
To do what exactly? ---
**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\ **Post date:** [September 24, 2024, 11:55am UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/5 "2024-09-24T11:55:57Z")
To use this kind of control in Ignitin as it´s not on the controls panel ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/9/7985412cd2a934884fa6f462399fa1ac762b1f74.png) ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [September 24, 2024, 11:57am UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/6 "2024-09-24T11:57:28Z")
You can make it yourself quite easily. Victor already told you how: > [@victordcq](#): > > 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 ---
**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\ **Post date:** [September 24, 2024, 11:58am UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/7 "2024-09-24T11:58:48Z")
Ok, my fault, thanks! looks really good. ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [September 24, 2024, 12:01pm UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/8 "2024-09-24T12:01:14Z")
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. ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [September 24, 2024, 12:02pm UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/9 "2024-09-24T12:02:37Z")
i also suggest using the a style `gap: 5px` in the repeater to space the button instances ---
**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\ **Post date:** [September 24, 2024, 12:26pm UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/10 "2024-09-24T12:26:52Z")
Hi! Here again. I was able to show a cool checkbox with this look: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/3/6315577dd4d7d174256246514cc99f3417368adc.png) using: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/8/d8bd0ac4d5d3dc91a5e8a8371bbad8effe637554.png) But I don´t know how to add the checkbox to the label ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/f/7f9e0e92c4f423c36056d7ecedd50a300619652b.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/4/a404d250baaac268d0cd69f2c0371d664901dda9.png) ---
**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\ **Post date:** [September 24, 2024, 12:29pm UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/11 "2024-09-24T12:29:42Z")
> [@Alejandro\_Alaco](#): > > But I don´t know how to add the checkbox to the label What ? what label ? and why are you using a breakpoint container for a checkbox ? ---
**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\ **Post date:** [September 24, 2024, 1:00pm UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/12 "2024-09-24T13:00:53Z")
> [@victordcq](#): > > label + checkbox how to do: label + checkbox put label first and add checkbox inside? i don´t know how to do it ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [September 24, 2024, 1:06pm UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/13 "2024-09-24T13:06:06Z")
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](https://forum.inductiveautomation.com/uploads/short-url/dDZG8JK9QlLAtqfuKv1KP7vCWNp.zip) (23.6 KB) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/e/5e1ea54da1aed09715fd523bb8cfc4edd6b32a38.png) You defintly want to style this a bit better, borders are required for sure, but yh ---
**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\ **Post date:** [September 24, 2024, 1:31pm UTC](https://forum.inductiveautomation.com/t/multiselect-filter-for-a-query-best-controls/95428/14 "2024-09-24T13:31:59Z")
Thanks Victor! now I get it.