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 are these radio buttons not displayed properly?

    Asked by brianyamadapumpcom on June 13, 2016 at 04:35 PM
    Page URL:
    https://form.jotform.com/61644817439161

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Nik_C on June 13, 2016 at 06:34 PM

    It seems that the theme you are using on the form is not displaying properly, however you can fix this issue by injecting the following custom CSS code to your form:

    .form-checkbox-other-input,  .form-radio-other-input

    {

    margin-top : 10px !important;

    }

     .form-checkbox-other, .form-radio-other{

    margin-top : 14px !important;

    margin-right:10px !important;

    }

    To inject custom CSS code please take a look at this guide:

     

    Please let us know if this works for you.

  • Profile Image

    Answered by brianyamadapumpcom on June 14, 2016 at 09:17 AM

    Yes, it seems to have worked perfectly.

     

    Thank you!

  • Profile Image
    JotForm Support

    Answered by jonathan on June 14, 2016 at 10:50 AM

    Thank you for the confirmation and letting us know its working now.

    Contact us anytime should you require assistance again on JotForm.

    Cheers

  • Profile Image

    Answered by brianyamadapumpcom on June 14, 2016 at 11:45 AM
    The only issue I see with the ccs code is on an ios device. The radio button isn’t correct
    [cid:image003.jpg@01D1C622.5084E750]
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on June 14, 2016 at 01:25 PM

    Sorry but we can't see the attachment on your post here. 

    Can you please upload the image in your post here https://www.jotform.com/answers/859779? You can use the insert image tool.

    --

    Also, do you want the "other" radio/checkbox button to be the same as the buttons on top of it?

    Please let us know so we can assist you further.

  • Profile Image

    Answered by brianyamadapumpcom on June 14, 2016 at 01:38 PM

    Yes I'd like all the buttons to be identical

     

  • Profile Image
    JotForm Support

    Answered by Nik_C on June 14, 2016 at 03:08 PM

    Could you try to change the layout of check-boxes. You can do that by following this:

    1. Go to Designer:

    2. Click on check-boxes field, 

    3. And then you can change to square so they will look alike:

    Please let me know if this can work for your.

    Thank you!

  • Profile Image

    Answered by brianyamadapumpcom on June 14, 2016 at 03:24 PM

    Tried but it still has a different look to it. Better than before I suppose

  • Profile Image
    JotForm Support

    Answered by jonathan on June 14, 2016 at 04:49 PM

    Can you please try adding this CSS codes to your form https://form.jotform.com/61644817439161 

     

    .form-checkbox-other.form-checkbox {

        width : 16px !important;

        height : 16px !important;

    }

     

    Let us know if still not enough.