Making Buttons Act Like Checkboxes

queerdia · 2020-12-04T17:43:56.359Z

What I’m trying to do is create an in depth search function similar to an online shop. The user will tick buttons which will narrow down their search parameters. What I’m struggling with is getting these buttons to act like checkboxes.

Do I link the buttons being pressed to checking and unchecking the boxes? Or do I somehow make the checkboxes look like buttons?

Thanks!

cmarchan · 2020-12-04T18:06:56.042Z

One quick way is to use a multiselect element that you can access via a plugin:

Screen Recording 2020-12-04 at 12.55.32.54 PM

image748×221 11.1 KB

There are other ways of course. Just as a reference you can use an icon and change it from a box to a checkmark with a custom state condition

Screen Recording 2020-12-04 at 01.00.45.00 PM

image861×414 12.4 KB

image862×443 22.8 KB

image609×621 20.6 KB

Hope this helps!

queerdia · 2020-12-04T18:10:27.071Z

This looks very useful. Thanks a lot!