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

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?

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.

 

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!

 

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.

This worked - thank you!

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 :)