What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to create a scale rating type question?

    Asked by mbas123 on April 27, 2015 at 04:10 AM

    Hi,

    Can I do this type of scale question as illustrated below.

     

    Thanks,

    Rey Galvez

    scale thanks
  • Profile Image
    JotForm Support

    Answered by Charlie on April 27, 2015 at 09:53 AM

    Hi,

    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.

  • Profile Image

    Answered by mbas123 on April 27, 2015 at 08:23 PM

    Hi,

    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.

     

    Thanks,

    Rey Galvez

     

  • Profile Image
    JotForm Support

    Answered by Charlie 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.

     

     

  • Profile Image

    Answered by mbas123 on April 27, 2015 at 11:12 PM

    Hi,

    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.

    Rey Galvez

     

     

  • Profile Image
    JotForm Support

    Answered by jonathan on April 28, 2015 at 01:45 AM

    Hi Rey,

    Check this test form http://form.jotformpro.com/form/51171474674963?

     

    Let us know if this is what you need.

    Thanks.

  • Profile Image

    Answered by mbas123 on May 03, 2015 at 11:23 PM

    Hi,

    Thanks, Now I also want to change the size of the radio button so that the numbers will be more visible. Is it possible?

     

    Rey Galvez

  • Profile Image
    JotForm Support

    Answered by Charlie 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:

    .form-radio {

        height : 20px !important;

        width : 20px !important;

    }

    Change the height and width for the radio button to be bigger in size.

    I hope that helps.

    Thanks.

  • Profile Image

    Answered by mbas123 on May 04, 2015 at 11:01 PM

    Hi,

    This does not make the circle bigger. I want to change the size of the circle only.

    Thanks,

    Rey Galvez

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 05, 2015 at 02:58 AM

    Hi mbas123,

     

    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.

     

    .form-radio {

        height : 30px !important;

        width : 30px !important;

       margin: -5px;

    }

     

    I hope that helps.