- mbas123Asked on April 27, 2015 at 04:10 AM
Can I do this type of scale question as illustrated below.
- CharlieAnswered on April 27, 2015 at 09:53 AM
You have two options to what to use, you can either use the Rating scale or the Matrix field under the "Survey Tools".
You can also check this guide on how to create a survey form using the Matrix field: http://www.jotform.com/help/158-How-to-create-a-survey-and-customize-it
Do let us know if you need more help on this.
- mbas123Answered on April 27, 2015 at 08:23 PM
Thank you, but what I wanted to do use the scale rating type question and I want the description/text to be on top of the radio button instead of the rating value and if possible the rating value will be inside the radio button as illustrated in the picture above that I provided.
- CharlieAnswered on April 27, 2015 at 10:49 PM
Unfortunately, we don't have default options to do this, but you could try using custom CSS codes if you are familiar with it.
Here's a sample form that I did http://form.jotformpro.com/form/51168828129967. You can clone it and see the custom CSS code that I used, I placed it under Form Designer Tool->CSS tab. Here's a guide on how to clone it: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.
For the tutorials on how to fully utilize the Form Designer, please also do check the guides here: http://www.jotform.com/help/300-Form-Designer-Tutorial-Let-s-create-fantastic-forms-.
If you have finalized the form and the look that I made in my test form is okay, then you can share us your form and we'll try to come up a custom CSS code for you.
- mbas123Answered on April 27, 2015 at 11:12 PM
Thanks, Is it possible to add a label that says "Average" above the middle of the radio button. I want to achieve something like the one below in the picture.
- JotForm SupportjonathanAnswered on April 28, 2015 at 01:45 AM
Check this test form http://form.jotformpro.com/form/51171474674963?
Let us know if this is what you need.
- mbas123Answered on May 03, 2015 at 11:23 PM
Thanks, Now I also want to change the size of the radio button so that the numbers will be more visible. Is it possible?
- CharlieAnswered on May 04, 2015 at 01:25 AM
You can do that by adjusting the custom CSS code for the radio button. Here's an example:
height : 20px !important;
width : 20px !important;
Change the height and width for the radio button to be bigger in size.
I hope that helps.
- mbas123Answered on May 04, 2015 at 11:01 PM
This does not make the circle bigger. I want to change the size of the circle only.
- JotForm SupportChriistianAnswered on May 05, 2015 at 02:58 AM
Thanks for contacting us again.
Increasing the width and height using custom CSS as cited in example of Charlie should make the circles bigger. Here's how it looks like on my side by making the width and height 30px. To prevent other controls from expanding as well, you should decrease the margin of each circle by adding a margin property. As with the height and width properties, you can adjust it as well to suit your need. Please see CSS and screenshot below.
height : 30px !important;
width : 30px !important;
I hope that helps.