Hi, I know this is somewhere but can’t find it. How to design and implement this off the webflow university
It’s possible they use an external module to gather feedback. However, if what you want is to retrieve only this simple kind of info, it’s possible to do it in Webflow by hacking the checkbox or radio button element, placing an image inside it or over it and catching the click.
Would love to know how to place an image in a checkbox! I’m pulling my hair out over this…
I’d be interested in hearing more about this hack too.
OK I see. Wrapping the Checkbox Field will allow placing other elements as siblings. This bypasses the restriction of not placing anything inside the Checkbox Field div. How does the IX trigger the checkbox?
Can this method be used with radios too?
Radio Buttons - Custom CSS Style
Thanks @vincent! Call me dense, but I don’t understand how to ‘wrap the checkbox field’. How do I do this?
This is what I’m understanding of the structure. Add a Div into the Form then put the Checkbox field inside of it. That allows the placement of other elements to be siblings of the Checkbox Field, ie. an image or something else. You’d need to do this for each Checkbox Field.
Here you can open the site in Webflow.
unfortunately no. The checkbox element must catch the click, so it has to be the recipient of the image swap IX. And the overlay image has to be a 2 level parent minimum, so you can’t filter easily with IX1. Didn’t try with IX2 to see if it eases the pain. So on the radio button smileys demo, I need a IX per radio button, that’s a lot.
So there’s room for innovation here.
I was trying to achieve something like this:
But this option works just as well. Thank you both!!
How can you do this?!
Spent hours trying to work it out, cloned the projects and dissected every element but my brain just couldn’t handle it. It doesn’t have anything to do with custom coding as far as I can tell and I can’t see any other way it could have been done.
Ah I see. Definitely potential here building feedback forms or other visual forms while utilizing the built-in Webflow forms.
Those are also good examples of how much more can be done with the elements already given to us.
Forms can be fun too!