Formatting is messed up when clicking on preview

  • priscilla.castro
    Asked on March 27, 2020 at 8:07 AM
    After completing the form and clicking on the "preview" button widget, the
    formatting gets messed up (see pictures attached). It's even hard to find
    the "submit" button. Is there a way to fix this?
    Thank you,
  • Sam_G
    Replied on March 27, 2020 at 8:36 AM

    Hi Priscilla,

    I will be cloning your form and will be working on it. I'll get back to you on this thread with an update.

    Sam


  • Sam_G
    Replied on March 27, 2020 at 9:54 AM

    Hi Priscilla,

    Thank you for waiting.

    Kindly try this CSS code:

    #previewContainer{

    display:block !important;

    }

    #previewContainer .table-grid {

       border-collapse: collapse;

       white-space: normal;

       table-layout: auto !important;

    }

    You may use this guide on How to Inject CSS codes.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know if that worked for you.
    Sam

  • priscilla.castro
    Replied on March 27, 2020 at 1:29 PM
    Hi Sam.
    I worked.
    Thank you very much for your help.
    Cheers,
    Priscilla.
    ...