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

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

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 ☺️

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

 Here's a workaround that was posted previously:

 


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm currently booked until the end of May 2020.
Prebuilt Squarespace Extensions for Squarespace 7.0 and 7.1: Enquiry Form ExtensionDate Picker Extension and Age Verification Extension 
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Wishlist extension is now Squarespace 7.1 compatible.

Share this post


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. 


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm currently booked until the end of May 2020.
Prebuilt Squarespace Extensions for Squarespace 7.0 and 7.1: Enquiry Form ExtensionDate Picker Extension and Age Verification Extension 
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Wishlist extension is now Squarespace 7.1 compatible.

Share this post


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

👻 Founder of the free Squarespace plugins and templates resource Ghost Plugins
🖤 Join Ghost's Code For Good mission to help raise money for charity 
️ Use "CIRCLE" for a discount on templates and Ghost+
👍 Founder and project manager at design agency Moov Labs

Share this post


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