What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Responsive form issue

    Asked by kauseway 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.

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

    credit card responsive form
  • Profile Image
    JotForm Support

    Answered by david 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

    Answered by kauseway 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
    JotForm Support

    Answered by jonathan 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.