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 do I make my form appear the same on both PC and MAC?

    Asked by cswebdesign on September 13, 2012 at 03:50 PM

    I built my website with a mac using a jotform contact form on every page. It looked fine and then I realised it was completely diferent on a PC - fields didnt line up, it was just a mess. 

    I edited the jotform using a PC so that it looked right again and now I come back to the MAC and its all messed up on there!! The spacing is hugely different.... Is there anyway to rectify this? 

    The website is www.sunshinecoastplumber.net.au and the contact form is on every page.

    Page URL:
    http://www.sunshinecoastplumber.net.au

    pc contact form JotForm different
  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 13, 2012 at 03:58 PM

    First off, can you please re-embed your form using the following codes?

    <iframe scrolling="no" frameborder="0" style="width:336px; height:430px; border:none;" src="//www.jotformpro.com/form/22540605003943" allowtransparency="true">
    </iframe>

    Afterwards, check the form's appearance on a PC and a Mac, then get back to us if there are differences.

    We look forward to your results. Thanks!

  • Profile Image

    Answered by cswebdesign on September 13, 2012 at 04:04 PM

    Yes it's still different I'm afraid :(

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 13, 2012 at 04:09 PM

    Are you using the same browsers for both platforms (Mac/PC)? Which browser/s are you using?

    Would be great if you can post a screenshot of how it appears on a Mac (I am a PC user, unfortunately).

  • Profile Image

    Answered by cswebdesign on September 13, 2012 at 04:09 PM

    And it looks different again on mobile phone... I got the fields to be the same length on the PC and MAC but the submit button is gone on the MAC because the spacing between the questions is bigger on the mac than pc. if I make the spacing smaller it doesnt look right on the pc. 

    On mobile phone the text box fields are waaaay longer than the text area field and the submit button is not visable.

  • Profile Image

    Answered by cswebdesign on September 13, 2012 at 04:14 PM

    This is how it appears on mobile (sorry I dont know how to do screenshot on my phone lol)

  • Profile Image

    Answered by cswebdesign on September 13, 2012 at 04:18 PM

    Its not working... how do I upload?

  • Profile Image

    Answered by cswebdesign on September 13, 2012 at 04:20 PM

  • Profile Image

    Answered by cswebdesign on September 13, 2012 at 04:21 PM

    MOBILE PHONE

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 13, 2012 at 04:30 PM

    Sorry for the delay. I am currently investigating the problem.

    I will get back to you soon, hopefully with a fix.

  • Profile Image

    Answered by cswebdesign on September 13, 2012 at 05:31 PM

    Ok thank you

  • Profile Image

    Answered by cswebdesign on September 14, 2012 at 12:04 AM

    Any luck yet? Sorry, really need this fixed for my client. Thanks

  • Profile Image
    JotForm Support

    Answered by jonathan on September 14, 2012 at 12:38 AM

    @cswebdesign

    I am also looking at the screengrab you provided, and I can tell the difference of how the Name and Email fields appear on both.

    Can you please try adding in your form CSS code, specifically for the .textbox class the "width : 100%;"

    like this...

    .form-textbox {

    width: 100%;

    I could not try it on your web page, so, I am not sure how it will behave, But I did tried it on some test page, it seems to work.

    Please inform us if this still does not work.

    Thanks.

  • Profile Image

    Answered by cswebdesign on September 14, 2012 at 01:12 AM

    Still bad I'm afraid... the wrost thing is the fact that its so different between mac and PC. If I make it look ok on the PC its looks wrong on the mac and the submit button isnt even visible. If I make it look right on the mac it looks terrible on the PC... And the mobile version is just totally messed up!

  • Profile Image
    JotForm Support

    Answered by jonathan on September 14, 2012 at 01:35 AM

    OK. sorry for that. I will try check further. If we can also wait for NeilVicente's input, that is an option we can take. He is more experience on this, maybe he can have a viable solution.

    I will also post update whatever I come up with.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by jonathan on September 14, 2012 at 01:47 AM

    @cswebdesign

    Can you please share with us which Mac browser and mobile device you had tried this so far.

    I just checked it now that. you have added the width: 100% rule.., it seems to be fine on OS X and Iphone 4S.

    Thanks.

  • Profile Image

    Answered by cswebdesign on September 14, 2012 at 04:07 AM

    Hi, I'm using Safari and Android Samsung Galaxy Note. Cheers :)

  • Profile Image

    Answered by cswebdesign on September 14, 2012 at 11:09 PM

    Any luck yet? My client has now told me that the submit button is hidden under the content below the form when viewed on iphone. please help me fix this.

  • Profile Image
    JotForm Support

    Answered by jonathan on September 14, 2012 at 11:39 PM

    @cswebdesign

    You are correct, I could not also see it on desktop Chrome. Usually this is cause by script conflict between what is in your web page and jotform's

    Will it be OK if you use the iframe code embed of the form when embedding on your website?

    Btw, I already tested the form on Safari and Android Samsung Galaxy you mentioned. Here are the screens

     

     

    Please update us if iframe code should work.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by jonathan on September 14, 2012 at 11:46 PM

    I just realized, you were already using iframe code which was mentioned previously...sorry for repeating.

    It could be that the iframe height does not fit within the <div tag... if you can find way to check this on your web page for confirmation.

    Please update us.

    Thanks. 

  • Profile Image

    Answered by cswebdesign on September 15, 2012 at 12:04 AM

    Seems all fine on my end... I mean see how the rows differ in width between those 2 screenshots? I can edit the site and move the 3 below buttons down so that the submit button is visible on mac and iphone but then it will look wrong on the pc....

  • Profile Image
    JotForm Support

    Answered by idarktech on September 15, 2012 at 01:19 AM

    @cswebdesign

    The iframe seems to be working fine on my end. It displays properly on my PC, I used Chrome and FF for that. It also displays correctly on Safari/Mac as tested just now. 

    Is the issue still persisting? Or maybe I've mislook the problem. Please update us regarding this. Thanks!

  • Profile Image

    Answered by davionclay on September 12, 2013 at 09:54 PM
  • Profile Image
    JotForm Support

    Answered by Tasha on September 12, 2013 at 10:01 PM

    @davionclay

    Your message came in blank. If you would like us to provide assistance please start a new thread with your question and we will provide the assistance that you need there.

    Thanks!