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!

162 views

Recent Posts

See All
bottom of page