Review Before Submit: How to Hide Empty Form Fields?

  • franzmayer
    Gefragt am 29. Februar 2024 um 05:55

    Guten Tag,

    ich möchte, dass unsere Kunden vor Absenden eines Formulars ihre Eingaben überprüfen können.

    Ich weiß: Es gibt das Widget "Vor Absenden überprüfen".

    In diesem werden aber alle Formularfelder eingeblendet, egal, ob diese ausgefüllt wurden oder nicht.

    Gibt es eine Möglichkeit, nur die ausgefüllten Formularfelder vor dem Absenden einzublenden?

  • Sheena Jotform Support
    Geantwortet am 29. Februar 2024 um 08:10

    Hi franzmayer,

    Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. You have the option to hide the empty fields when using the Review Before Submit widget. Let me show you how:

    1. In Form Builder, click on the Wand Icon on the right side of the Review Before Submit widget.
    2. Under the Widget Settings tab on the right side of the page, toggle the Include Empty Inputs to the Off position.


    Review Before Submit: How to Hide Empty Form Fields? Image 1 Screenshot 20

    Give it a try and let us know if you need any help.

  • franzmayer
    Geantwortet am 29. Februar 2024 um 08:44

    Review Before Submit: How to Hide Empty Form Fields? Image 1 Screenshot 20Hi Sheena,

    I tried it and it works so far, but all picture in the form are visible.

    in item 328 I field the input fields with "24W0162" and "test"

    item 326 and 327 are only picture, these pictures should be invisible. Is this possible

  • Sheena Jotform Support
    Geantwortet am 29. Februar 2024 um 09:03

    Hello Franz,

    Thanks for getting back to us. It is possible to remove the images added in the form from the Preview Before Submit widget. Simpy inject the custom CSS code below to your form:

    #previewContainer .control_image {
      display: none;
    }

    Let me show you how to insert the code above:

    1.  In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
    2. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

    Review Before Submit: How to Hide Empty Form Fields? Image 1 Screenshot 30

    Result:

    Review Before Submit: How to Hide Empty Form Fields? Image 2 Screenshot 41Give it a try and let us know if you need any other help.

  • franzmayer
    Geantwortet am 29. Februar 2024 um 09:14

    Hi Sheena,

    it works. Great! That's, what I want :-)

    Thanks for your help !