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

    Preview Before Submit Widget: Some fields are outside the form boundary

    Asked by WebServ on August 07, 2015 at 01:38 PM
    I am still having problems with the sections showing up outside of the preview window.  Please see image above.  Looks fine in ie but not firefox.  Can you help?
    preview data view before submit
  • Profile Image
    JotForm Support

    Answered by Charlie on August 07, 2015 at 02:28 PM

    Hi,

    I tested it in my end, and it seems like it does only happen to Firefox. But I was able to fix it.

    You just need to delete the current "Text" field where the problem starts. See screenshot below. You'll see that the "Please Describe" is moved at the right, the field before it is the "Text" field, delete it and re-add it again, that should fix it. Now apply the same steps on the other fields. You'll notice that the problem starts just after the "Text" field.

     

    Make sure that when you delete it, click the save button and re-add the Text field again.

    Do let us know if that works.

     

  • Profile Image

    Answered by WebServ on August 07, 2015 at 03:00 PM

    Thank you for your quick response.  This worked for the most part.  The only section it didn't work on is Section 6.  I deleted and re-entered the section and the upload button below is still causing fits.  :)  Thanks for your help!

     

  • Profile Image

    Answered by Ben on August 07, 2015 at 04:08 PM

    Please do add this CSS code to your form:

    #previewContainer li.file {
        display: inline-block;
    }

    You can see here how to add it to your form: Inject Custom CSS Codes

    I would only recommend to add it all the way at the bottom of the CSS code (if any).

    Once you add it, it should resolve the issue with the text going over, but do let us know how it goes.

  • Profile Image

    Answered by WebServ on August 07, 2015 at 04:21 PM

    This worked - thank you!

  • Profile Image

    Answered by Ben on August 07, 2015 at 05:29 PM

    You are welcome :) I am glad to hear that it worked :)

    Do let us know if you have any further issues or if you need any assistance and we would be happy to assist :)