We need few changes made on how form preview shows?

  • dlsnelson
    Asked on April 6, 2018 at 2:02 PM

     on Pages 3 and 4, the images with their labels need to stay on the page they are, BUT, I do not want them to show when a user clicks on Preview Prior to Submit or Print.  They are for information only when completing their selection.  I don't want these in another section or page,

    Also,When a user clicks on Preview Prior to Submit, the form looks a bit wonky.  I would like to reformat the input tables columns on page 6.  The first column (grey) needs to stay as is, but the input column needs to show wider (with the users information)  I am unable to figure out the CSS code to do this.

    Thank you.

    .

  • TREVON
    Replied on April 6, 2018 at 3:05 PM

    on Pages 3 and 4, the images with their labels need to stay on the page they are, BUT, I do not want them to show when a user clicks on Preview Prior to Submit or Print. They are for information only when completing their selection.  I don't want these in another section or page,

    Would you kindly elaborate further. If I am getting you well you need to hide the images when user clicks on "Preview before submit" if this is the case unfortunately this is not possible.

    Also,When a user clicks on Preview Prior to Submit, the form looks a bit wonky.  I would like to reformat the input tables columns on page 6.  The first column (grey) needs to stay as is, but the input column needs to show wider (with the users information)  I am unable to figure out the CSS code to do this.

    If I am getting you right, you want to increase the width of the second column of the input tables on form preview. If this is the case kindly inject the following CSS to your form:

    #previewContainer .table-grid .table-head {
        font-weight: 700;
        text-align: center;
        border: 1px solid #ccc;
        padding: 4px;
        background-color: #eee;
        color: #444;
        font-size: 12px;
        Width: 2% !important;
    }

    Kindly test and do let us know if this resolves your issue.

  • dlsnelson
    Replied on April 6, 2018 at 3:43 PM
    Actually that did not work.  See the attached.
    ...
  • jonathan
    Replied on April 6, 2018 at 4:35 PM

    The support forum is not capable of including attachment in the message -- so we were not able to get what you attached.

    What you can do instead is include an inline screenshot image.

    User guide: How to Post Screenshots to Our Support Forum

    I suggest you include a screenshot image and elaborate further what you wanted to achieve using the Preview widget.

    You can reply and include screenshot image using this link https://www.jotform.com/answers/1437620