Why does my form keep changing dimensions randomly whenever a change is made?

  • myaustinlux
    Asked on May 18, 2017 at 10:18 AM

    This is for this form here:

     

    https://form.jotform.us/71345941784161

     

    It is a clone of a few other forms I use, and is meant to be responsive, but for some reason whenever I make ANY change to a field or integration, the form randomly changes to a "skinny" form that is completely the wrong dimension, or just loses all formatting all together. To be clear, not design changes are being made, just edits to the form itself. Sometimes even just clicking "edit form" will make it change shape. 

    I'm completely baffled. Please help!!

  • Mike_G JotForm Support
    Replied on May 18, 2017 at 11:46 AM

    We would like to apologize for any inconvenience, I was able to reproduce the issue you are having after I have created a clone version of your form.

    Why does my form keep changing dimensions randomly whenever a change is made? Image 1 Screenshot 30

    However, I was able to fix the issue after manually changing the form's width from the Form Designer Styles tab.

    Why does my form keep changing dimensions randomly whenever a change is made? Image 2 Screenshot 41

    I hope that will also help you with the issue you are experiencing. Otherwise, please let us know and we will be glad to help you further.

    Thank you.

  • myaustinlux
    Replied on May 18, 2017 at 11:48 AM

    Thanks for the help. How will this affect the form however if we want to have it be responsive on different devices like mobile etc.? Will the width just stay fixed?

  • Kiran Support Team Lead
    Replied on May 18, 2017 at 1:06 PM

    No. The forms built with JotForm are mobile responsive by default and they should be displaying responsive width on mobile devices. You may check the JotForm or the web page where you have embedded the form by viewing on a mobile device. 

    Please get back to us if you need any further assistance. We will be happy to help. 

  • myaustinlux
    Replied on May 19, 2017 at 10:21 AM

    Kiran - so it STILL keeps on switching back, even if I change the width and save. It will stay like that for a while, then I get up this morning and the width has changed back to 300 again. Help!

  • Kevin Support Team Lead
    Replied on May 19, 2017 at 12:35 PM

    I have cloned your form and I can see the width is 300px, I have changed it to 600px and saved the changes, I cannot replicate the issue you're mentioning about the width value automatically reverting back to 300px. 

    I would also suggest you to inject some CSS code to your form in order to override the width value from the settings. 

    .form-all{

    width: auto !important;

    }

    This guide will help you to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    Please, do let us know how it goes. 

  • myaustinlux
    Replied on May 19, 2017 at 12:43 PM

    So it's just done it again!! See screenshot. Will try the CSS.

     

    Why does my form keep changing dimensions randomly whenever a change is made? Image 1 Screenshot 20

  • Kiran Support Team Lead
    Replied on May 19, 2017 at 1:48 PM

    Ok. Please get back to us if the issue still persists after applying the CSS code. We will be happy to take a look again.

    Thank you!