Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

How can I change the default options for a survey form field?


LiveAliveStudios

Question

As the title states, I'm trying to change the options that appear when you create a "Survey" field on a form.

By default, the options are, "Strongly Disagree," "Disagree," "Neutral," "Agree," and "Strongly Agree." However, the questions I'm trying to ask don't work semantically with those answers and I'm looking for a way for them to say something different.

Are there any CSS scripts, or maybe an HTML code, that would allow me to do this? Surely there must be a way to change it the same way we can change font sizes in forms, yeah?

Thanks for any help y'all can offer ☺️

Link to comment

5 answers to this question

Recommended Posts

  • 1

Thanks, @paul2009! Not sure why it won't let you see it @DiViNCi, but I'll report here. 😄

You can’t really change the Survey Options, but I was able to mess around with some css and found a great work around using the Radio option. I’ll outline the steps below.

1. Add a radio field to the form.

2015267860_ScreenShot2019-01-03at8_18_49AM.png.fa3984a4a21985b4ce45b000b199fe56.png.230f94f14b3cb5ab6bc3a725914b8cc5.png

2. Add the info and what options you’d like to use.

837212435_ScreenShot2019-01-03at8_18_55AM.png.314c2ebcf0b591e65f7d706f40f7e50a.png.1048f09d523d73554be128afcbc6fc8a.png

3. Save the page and then add this code to the custom css editor box. This will place the radio buttons next to each other, just like the survey.

.form-wrapper .field-list .field .option {width: 20%;float: left;text-align: left;margin-bottom: 30px;}

4. The result:

965427676_ScreenShot2019-01-03at8_18_16AM.png.6e1989de7756fb500b58d9d8bbcf5cd1.png.36daa77623ed1d6be70afb3100af290b.png

I hope this helps! 😄

Cody
moovlabs.com | ghostplugins.com

– Cody and Team, The Ghost Co.

👻 Ghost Plugins: 350+ free plugins and installed-for-you templates resource
🎉 Ghost Marketplace (Coming Soon): First-ever Squarespace product related marketplace

📰 Read my Circle Member Community Story (thank you, Squarespace!)

Link to comment
  • 0

 Here's a workaround that was posted previously:

 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

The workaround suggested by @moovlabs is to use "radio buttons" instead of the survey option. With a line of CSS, you can modify the radio buttons so they appear on the same line. 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

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...