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

    My Forms check boxes are appearing differently on different types of PC's, How can I fix this?

    Asked by jackjones on September 05, 2016 at 10:57 AM

    I have created two different form's and when I view them in chrome on a windows PC they look fine. However, if I open them up on chrome in a Mac the check boxes go wonky. See the image below... 

    On the top row you have two of the same forms open in chrome but on different PC's. the top left form is open on a Mac and as highlighted the buttons are all wonky. Whereas on the top right form which is open on chrome on a windows PC, They are aligned straight. 

    The second row is another form which is demonstrating the exact same problem. 

    Do you know how this could be fixed? 

    Many Thanks, 

    Jack Jones.

    Page URL:
    https://form.jotformeu.com/62244082557355

    Screenshot
    My Forms pc check different
  • Profile Image
    JotForm Support

    Answered by BDAVID on September 05, 2016 at 11:54 AM

    Thanks for reporting this, I will check this further, and get back to you as soon as I find the solution.

  • Profile Image
    JotForm Support

    Answered by BDAVID on September 05, 2016 at 01:08 PM

    Each browser version renders the styles a little bit different. But I have been able to make the checkboxes lined up by modifying the CSS code. This is the final code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    a.jf-branding {

        display : none !important;

    }

    #id_8 {

        padding : 0px;

        margin-left: -.35px;

    }

    .form-line{

       margin-left: 75px;

    }

    .form-dropdown {

        border : 1px solid #ccc;

        font-size : 1em;

        padding : 11px 5px 9px 5px;

        border-radius : 8px;

        box-shadow : 0 1px 2px #eee inset;

    }

    See the result in my form version, here is the url: https://form.jotform.com/62484776378978 

    You can remove all the injected CSS code, and replaced for the one I provided, or you can simply clone my form and use it: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Let us know if you need more help.