Responsive form issue

  • Profile Image
    kauseway
    Asked on December 01, 2014 at 04:26 PM

    I am having trouble with the form being responsive. I think it might be the credit card stripe widget causing the problem. Can you look?

     

    http://form.jotformpro.com/form/43320616980958?

     

    Also, the credit card fields are all messed up.  The security code is touching the cC field and the expiration month and year are way to big.  Ideally the security code and the expiration fields should be on one line.

  • Profile Image
    david
    Answered on December 01, 2014 at 06:20 PM

    Hi,

    Something in the responsiveness was causing the width of the form to attempt to stretch to the width of any screen.  Though I was unable to find exactly which part of the CSS was causing this, adding the "!important" tag to the width allows for your form to look as it does in the form preview:

    .form-all {
    width: 600px !important;
    }

    It should be the 5th line down or so in your CSS.  Here is what it looks like with the change:

    http://form.jotformpro.com/form/43347180370956

    If this is not the result you are looking for, please let us know and we will be happy to see what else we can do.

  • Profile Image
    kauseway
    Answered on December 01, 2014 at 06:26 PM

    That did not seem to work. I deleted fields until it worked. What is causing the distortion on the iphone is the dashed line from the form separator widget between the  cleaning type and select date field.

     

    Any css I can apply to those two items so they fall in line properly?

     

  • Profile Image
    jonathan
    Answered on December 01, 2014 at 07:22 PM

    Hi,

    Can you also try using instead the Revision History feature to get back to a specific saved point of your jotform http://form.jotformpro.com/form/43320616980958? wherein the CC fields are still not messed up.

    User guide: http://www.jotform.com/help/294-How-to-View-Form-Revision-History

    Please try if you can still revert to the version that will work for you.

    Inform us if issue still remains.

    Thanks.