My form in my website does not work good on Android Devices

  • digiquick
    Asked on December 7, 2016 at 2:23 AM

    My contact us form works o desktop but not on smartphone can you see what I am doing wrong. I am using android phone. the link is 

     

    http://www.tagmobilesolutions.com/contact%20us.htm

    Page URL: http://www.tagmobilesolutions.com/contact%20us.htm
  • candy
    Replied on December 7, 2016 at 4:05 AM

    Hello,

    I have tested your website on my android mobile phone. I have seen that I am not able to submit your form on my android mobile phone  as you can see the screenshot below:

    My form in my website does not work good on Android Devices Image 1 Screenshot 40

    I have also seen that you have the mobile responsive widget in your form.

    I have checked your website codes and I have seen that you have set an extra height to the iFrame as you can see the following screenshot:

    My form in my website does not work good on Android Devices Image 2 Screenshot 51

    This is the reason that your website appears different on mobile devices. I recommend you to use the default iFrame code without changing it.

    So, please remove and re-embed the iFrame code to your form using the default configurations of the iFrame as the following screenshot:

    My form in my website does not work good on Android Devices Image 3 Screenshot 62
     
    Please try and if the issue still persists, let us know.
     
    Thank you.
  • digiquick
    Replied on December 7, 2016 at 4:45 AM
    I just went to publish I frame and got following code. I did not change
    anything in the code its the code that appears for the form
    ...
  • digiquick
    Replied on December 7, 2016 at 4:45 AM
    http://www.tagmobilesolutions.com/contact%20us.htm if you go to this you
    will see i have changed the height in the code but it still does not work
    ...
  • candy
    Replied on December 7, 2016 at 4:57 AM

    Hello again,

    I have tested your website again on my android mobile phone. I have seen that the bottom part of your website has wrong configurations as you can see the following screenshot:

    My form in my website does not work good on Android Devices Image 1 Screenshot 20

    You can not set the "position:absolute" and "z-index:2" to the bottom part. Because it crushes the form on mobile devices. 

    In addition, I recommend you to change the URL link of your website. Now it is okay but later, it can cause some problems inside the codes.

    Please try this,too. If you will see any issue again, let us know.

    Thanks in advance. 

  • digiquick
    Replied on December 8, 2016 at 2:45 AM
    After a lot of experimenting I have got form working on Mobile. Everything
    is ok unti i editing I go to advanced options and try to realign the form
    when I save and go back to obtaining the code, thats where it all screws
    up. See now it works on mobile
    http://www.tagmobilesolutions.com/contact%20us.htm
    But I am unable to align text to as I would like it with a small gap
    between text and lh side of form. Have you any comments or suggestions
    Cheers, and thank you for your help
    Graham
    ...
  • Chriistian Jotform Support
    Replied on December 8, 2016 at 4:24 AM

    Hi,

    I'm currently checking your form. Please allow me some time to further investigate. I'll get back soon once I've found a solution.

    Regards

     

  • Chriistian Jotform Support
    Replied on December 8, 2016 at 4:43 AM

    Hi again,

    I've checked your site (http://www.tagmobilesolutions.com/contact%20us.htm). If you want to align the header and sublabel text on your form, can you please add this custom CSS on your form and see if this works?

    My form in my website does not work good on Android Devices Image 1 Screenshot 20

     

    .form-header-group {

        margin-left: 50px;

    }

     

    Here's a guide on how to inject CSS on your form: How to Inject Custom CSS Codes.

     

    Let us know if this works.
    Regards