top of page
  • Writer's pictureMichael Kolodner

Smiley Faces Form

If you'll indulge me, I'd like to brag a little bit about my son Arden while telling a frame story about making a cool FormAssembly mod.

A few weeks back Jennifer Lange asked the FormAssembly VIP Slack community if anyone "has a scale of smiley faces that can be clicked to report your experience with a service? One question "How was your service today?" and then 5 faces - click one to rate and then submit."

She pointed to a FormAssembly model that was close to what she wanted, but with stars instead of smiley faces.

A form with five clickable stars to indicate a rating from 1 to 5.

I immediately wrote that five radio button options in order like this would do the trick:

😭 😢 😑 🙂 😄

I was reading too quickly and didn't notice that she also said "NOTE: I know I can put an image of 5 faces, and then have the radio buttons under them - that's not what I want. I want clickable face images."

Hmm. The code on that form seemed pretty understandable, but since we weren't going to repeat the same image five times I wasn't sure how to go about modifying it. Fortunately my son Arden is home for the summer. Time to call in help from the CS Major!

It took Arden and me a couple minutes of fiddling but the result was this form (with code that you can reveal and use for yourself.)

A form showing emoji lined up from crying to a wide smile to indicate a 1 to 5 rating.

Cool right!?! Go use it for something in your org.

And tell me what other fun FormAssembly tricks you've found!


Recent Posts

See All

Don't wait for the next post! Get them in your In Box.

bottom of page