Make Form Iphone Compatible

  • Profile Image
    ipbr21054
    Asked 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.

  • Profile Image
    jefreylandicho
    Answered 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
    ipbr21054
    Answered 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
    ipbr21054
    Answered 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
    EliezerN
    Answered 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
    ipbr21054
    Answered 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
    ipbr21054
    Answered 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
    pinoytech
    Answered 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
    ipbr21054
    Answered 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
    pinoytech
    Answered on August 05, 2013 at 04:44 PM

    Hi,

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

    Thank you!

  • Profile Image
    ipbr21054
    Answered on August 05, 2013 at 04:48 PM

    Perfect.

     

    Many thanks.