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 post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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

Here's a workaround that was posted previously:  

Posted Images

4 answers to this question

Recommended Posts

  • 0

 Here's a workaround that was posted previously:

 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 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, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0

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: The free plugins and installed-for-you templates resource
👍 Ghost MarketplaceThe first-ever Squarespace-only related marketplace

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

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...