JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
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?
Thanks for reporting this, I will check this further, and get back to you as soon as I find the solution.
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
display : none !important;
padding : 0px;
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.