Form has strange look on Android

  • isucu
    Asked on May 8, 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!

    Form has strange look on Android Image 1 Screenshot 20

  • BJoanna
    Replied on May 8, 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.

    Form has strange look on Android Image 1 Screenshot 30

    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.

    Form has strange look on Android Image 2 Screenshot 41

    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. 

     

  • isucu
    Replied 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!

  • BJoanna
    Replied 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.

    Form has strange look on Android Image 1 Screenshot 20

    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.