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

    Why the radio buttons looks different in different browsers?

    Asked by chiragvora123 on July 07, 2014 at 05:52 AM

    Please see the the two images

    URL 1 - http://postimg.org/image/b4911s6q5/

    URL 2 - http://s30.postimg.org/795mz7nkh/Chrome.png

    I wanted a common radio buttons which should be visible on all browsers. The one is Mozilla looks better.

    Page URL:
    http://www.getcsr.com

    radio buttons different png all
  • Profile Image

    Answered by r0unflame on July 07, 2014 at 06:24 AM

    Hi mate,try to add this to your custom css

    input[type="radio"] { margin-top: -1px; vertical-align: middle; }

     

  • Profile Image

    Answered by chiragvora123 on July 07, 2014 at 08:02 AM

    It seems like u didn't understood what I said, See the images the radio button looks big in one browser and normal in another browser. I want it same everywhere.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 07, 2014 at 10:00 AM

    Hello chiragvora123,

    You can inject custom css code to change the height/width of the radio buttons.

    Please be noted that even if you inject custom css code, most of the browsers will simply ignore the custom css code to change the width /height of check boxes and radio buttons. They use standard user agent style-sheets and that will overwrite the custom css code you inject.

    You may like to check the following guide:  http://stackoverflow.com/questions/4920281/how-to-change-the-size-of-the-radio-button-using-css

    Thank you!

     

  • Profile Image

    Answered by chiragvora123 on July 08, 2014 at 02:03 AM

    Hi ashwin_d

    But then there are many forms in www.surveymonkey.com which doesn't have such kind of issues.

    URL - https://www.surveymonkey.com/blog/en/market-research-product-survey-template/

    Open this form in any browser, the radio buttons will look the same.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 08, 2014 at 04:19 AM

    Hello chiragvora123,

    Please be noted that native radio buttons and check boxes cannot be changed with custom css code. 

    If you take a closer look at the radio buttons used by surveymonkey.com, you will find that they are using images and have css code to make it appear like a radio buttons. Please check the screenshot below:

    You may like to take a look at our radio button widgets which should solve your problem. Please make a search at our widget section by clicking on the following URL:  http://widgets.jotform.com/search/radio

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by chiragvora123 on July 08, 2014 at 04:49 AM

    Okay, but then I need to create new questions again. The issue is the new response with new radio buttons will get separated from responses taken till now with current radio buttons

  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 08, 2014 at 06:30 AM

    Hello chiragvora123,

    Yes that is correct. If you delete the form fields you have in your form, it will also delete the associated submission data. 

    What you can do is Simply hide the question you have in your form currently. You can wrap all your form's field within the "Form Collapse" field and then set the "Visibility" property to "Hidden" and the "Status" property to "Closed". Please check the example screenshot below:

    Once the "Form Collapse" is added, you can add your new questions / widget before that. This will ensure that your past submission records will still be there in your from and then you will be able to add the new form fields as well.

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!