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

  • Profile Image
    WebServ
    Asked 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?
  • Profile Image
    Charlie
    Answered 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
    WebServ
    Answered 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
    Ben
    Answered 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
    WebServ
    Answered on August 07, 2015 at 04:21 PM

    This worked - thank you!

  • Profile Image
    Ben
    Answered 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 :)