Form has strange look on Android

  • Profile Image
    isucu
    Asked on May 08, 2015 at 12:22 PM

    We tested it and it worked. But now our forms look weird on Androids. I attached a picture. We are getting weird bullet points. It also does not let us sign on the phone screen. All this only happens in Chrome browser. Could you help up with this as well please?

    Thank you!

  • Profile Image
    BJoanna
    Answered on May 08, 2015 at 12:36 PM

    I have cloned mentioned form and when I test it on Android it had bullet points. After that I have checked your form and I noticed that CSS inside of your Form Designer is not set properly.

    Instead of all current code inside of Form Designer, please add this code:

    .form-submit-button {

    height:50px;

    width:200px;

    font: bold 25px arial,sans-serif!important;}

    .form-header-group{

    background-color:#A80402!important;

    color:#FFFFFF!important;

    }

    .form-header{

    color:#FFFFFF!important;

    }

    After replacing old code with new code your form will look like this.

    Here is a demo form I made with new code.

    https://secure.jotformpro.com/form/51274491703959 

    Hope this will help. Let us know if you need further assistance. 

     

  • Profile Image
    isucu
    Answered on May 12, 2015 at 10:00 AM

    Hello!

     

    I took a look at your code. I'm still getting the bullets in Chrome on Android phones. I did clear my cookies and cache and that did not help.

     

    Thanks!

  • Profile Image
    BJoanna
    Answered on May 12, 2015 at 11:17 AM

    I have tested your form http://www.jotformpro.com/form/41125321061942 with Android Samsung Galaxy S4 inside of Chrome and I could not reproduce mentioned problem. Form looks fine from my side.

    Is that a form that is causing you a problem? If not can you please provide us ID of the form?

    Also I would suggest you to clear your form cache as well to see if that will resolve your problem.

    Inside of this article you can find out how to clear your form cache:

    http://www.jotform.com/help/229-how-to-clear-your-form-cache

    Looking forward to your reply.