Material design icons and checkboxes

Hi I’m building an app that required checkboxes. However the style of the current checkbox is not really what I’m after (they are too small).

So after doing a bit of reading on the forum I think the best way to achieve the style of icon I’m looking is to use the Material design “box” icon.

So far I have been able to add the condition “when the material icon is pressed” choose this icon. Here is a screenshot I took…

However the icon I have chosen (in this case the tick icon) will only appear and stay selected as long as the user is pressing on the material icon box. Here an example…

Once the user stops pressing the icon returns to it’s original condition (material icon box). I have also tried doing this in the workflow with no luck.

So any advice on this would be greatly appreciated :slight_smile:

Have you tried “is clicked”?

In the workflow? The only option in the condition is pressed or isn’t clickable.

Maybe Bubble could add the “is clicked” action. Otherwise, I think you could use a button and show it as an image. You may need to download the material icons and upload them to the button though.

https://materialdesignicons.com/icon/checkbox-marked
https://materialdesignicons.com/icon/checkbox-blank-outline

2 Likes

Link it to a thing that is true or false. Or have a custom state . Then run a workflow on click

1 Like

I was trying to do the same thing and it seems a bit more complicated than it needs to be.

An option, as already suggested, is to include an “is clicked” action.

2 Likes