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

  • Profile Image
    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!!

  • Profile Image
    Mike_G
    Answered 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.

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

    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.

  • Profile Image
    myaustinlux
    Answered 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?

  • Profile Image
    Kiran
    Answered on May 18, 2017 at 01: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. 

  • Profile Image
    myaustinlux
    Answered 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!

  • Profile Image
    Kevin_G
    Answered 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. 

  • Profile Image
    myaustinlux
    Answered on May 19, 2017 at 12:43 PM

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

     

  • Profile Image
    Kiran
    Answered on May 19, 2017 at 01: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!