Jump to content

Create a ranked choice question in a form?

Go to solution Solved by LELCW,

Recommended Posts

Does anyone know of a way to create a numerical ranked-choice item within a form? I tried the Survey option, but it only offers "strongly agree>strongly disagree" as options. I'd love to have exactly that, but with numbers 1-5 instead of the text choices. I know I could use radio buttons, but then they list vertical instead of horizontal. 

What I want is an answer option that will allow users to select 1-5, and only select one option, preferably horizontal like the survey option displays.

I have seen and few responses on the web that suggest the survey choices can be changed in CSS, but they cannot.

I built this out in Jotform (see screenshot), and I know it would not look like that on my SS site, but you get the idea.

Screen Shot 2024-07-14 at 7.32.30 PM.png

Link to comment
  • Replies 4
  • Views 629
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

You might be able to get closer to the example you show functionally using Radio fields.

These wouldn't be grouped logically in any way. Each field would be stand alone. But with some CSS and perhaps some JavaScript you might be able to achieve something reasonable visually. I have no code to share or know for sure that one could actually do this. I did try a quick CSS change that might be the start of such an effect.

Screenshot2024-07-14at5_09_48PM.png.32b13b56c336c7566440fc99d12de6c5.png

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 4 weeks later...
  • Solution

I gave up, created a Jotform, and embedded it on the page. It looks terrible compared to how sleek a native form is, but there was no good workaround. Sometimes I get so frustrated by the limitations of a Squarespace site.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.