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

    Make Form Iphone Compatible

    Asked by ipbr21054 on August 05, 2013 at 05:27 AM

    Looking at my form on the pc its different to what i see on my iphone.

    Here is the address,

    http://www.ianparsons.info/email%20me%20page.htm

     

    and also

     

    http://www.ianparsons.info/contactmepage.htm

     

    Please check on pc which at my end looks good.

    Please look on iphone emulater that you use to check,here is screenshot on my iphone.

    Page URL:
    http://i670.photobucket.com/albums/vv62/ipbr21054/FORUM%20POSTS/formon<br/>iphone.png

    pc different email check
  • Profile Image

    Answered by jefreylandicho on August 05, 2013 at 09:36 AM

    Please injec the CSS code below in your Form Style Inject Custom CSS textarea.

    @media screen and (max-width:320px) {.form-all { width:97.5% !important; }.form-textarea, .form-textbox{ width:90% !important; }}

    The CSS code I have provided above will make your form responsive compatible with IPhone screen resolution.

    To inject a custom css in your form styles, go to Setup & Embed > Preferences > Form Styles.

    If the issue still persist, please contact us again.

  • Profile Image

    Answered by ipbr21054 on August 05, 2013 at 10:10 AM

    Once i have done this am i correct that i need to the copy the new iframe code and insert into my site to make the new changes happen ?

  • Profile Image

    Answered by ipbr21054 on August 05, 2013 at 10:53 AM

    I have done that but made no differance as i still see the white as before.

    Please can you check these two sites & confirm to make sure the code was entered correctly for me.

    http://www.ianparsons.info/contactmepage.htm

    http://www.ianparsons.info/email%20me%20page.htm

    After injecting the css code i grabbed the iframe code and entered that into the page.

  • Profile Image

    Answered by EliezerN on August 05, 2013 at 01:55 PM

    Thanks for contacting us.

    Could you please try inserting the next CSS code:

    .form-line

    {

    width: 95% !important;

    margin: auto !important;

    }

    If that makes a difference but need more or less space, please try editing the value 95%.

    Please let us know if you need further assistance.

    Thanks.

  • Profile Image

    Answered by ipbr21054 on August 05, 2013 at 02:06 PM

    Once injected do i need to copy the iframe code again and put into my web page ?

    Or once injected does the code currently on my web page update itself etc.

     

  • Profile Image

    Answered by ipbr21054 on August 05, 2013 at 02:14 PM

    Take a look at the link below and look at what i see on an iphone.

    By changing the 95% etc to %0% etc etc just moves the form on the page.

    The problem is the HUGE white background.

    http://i670.photobucket.com/albums/vv62/ipbr21054/FORUM%20POSTS/iphone.jpg

  • Profile Image

    Answered by pinoytech on August 05, 2013 at 03:55 PM

    Hi,

    I've fixed the issue of your form for you. Kindly take a look at your form now if the said issue still persist: http://www.ianparsons.info/contactmepage.htm

    This is what I see now upon checking your form on iPhone emulator.

    Thank you!

  • Profile Image

    Answered by ipbr21054 on August 05, 2013 at 04:31 PM

    Perfect.

    Now whatever you did can you also apply it to the form on this page.

     

    http://www.ianparsons.info/fordradiocode.htm

  • Profile Image

    Answered by pinoytech on August 05, 2013 at 04:44 PM

    Hi,

    All done as per requested. Kindly check your website now.

    Thank you!

  • Profile Image

    Answered by ipbr21054 on August 05, 2013 at 04:48 PM

    Perfect.

     

    Many thanks.