review before submitting the form

Hi there, we have a number of order forms already setup, but still testing them before we upgrade to a paid year subscription.

Just wanted to know after people make their selection, how can they check to see they have ordered the correct items, and add/delete items before they go to enter their payment details.

Some people may click on the wrong items or the wrong quality. They will not know this until after payment has gone through.

How can you do this?

You may add a review before submit widget in your form for your form respondents to review the data before submitting.

Pleas check it out and let us know if this fits your requirements.

Thank you but find it rather difficult to use. We added the widget, which goes at the bottom of the form, but where to from there? We just want to check the order visually, to make sure clients have ordered the correct thing.

Are there any further explanations of how to do this?

Once you add the preview before submit widget, your form respondents would have to fill all the form details first and then they would click review answers.

Once the review answers is clicked, the field details will show.

If user is satisfied with the data, he may submit the form or go back to the form to redo some of the details.

You may test it out on my sample form using Square sandbox.

https://form.jotform.com/210562227409956

Square test CC number is :4111 1111 1111 1111

Security code:111

Exp date: 02/26

Hope this information helps.

Thank you for this, but is there any way they can review what they selected by seeing the images, not text?

Tested this, looks good but came up with an error, see below.

Hi there,

Is there any way they can review what they selected by seeing the images, not text?

Sadly, the widget will only show the summary of data as text. There is no option from the widget to include images.

To avoid confusion, I have moved your other query to a separate ticket. You may refer to this link https://www.jotform.com/answers/2929887 and we'll be responding to you there very shortly.

Thank you.

Just another question on the Review Form.

When review the form in Mobile Phone mode (portrait) the information is not all that mobile friendly. It cuts off the right hand section. You cannot even see submit. see below. How can this be fixed since most people use a mobile in portrait mode not landscape.

You may use custom CSS to make the widget mobile responsive.

You can add this custom CSS in your Form designer.

@media screen and (max-width: 480px){

#previewContainer #previewButtons {

   display: block !important;

}

}

Guide:https://www.jotform.com/help/117-how-to-inject-custom-css-codes

Let us know how it goes.

Thank you, looks good but now we have an issue with the landscape orientation of the form in mobile mode. See below.

How do we fix this one?

Hi there,

After customizing the form, here is how it looks:

If that is acceptable, kindly insert these codes into your Inject Custom CSS Area: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

@media screen and (max-width: 580px)and (orientation: landscape){

li.noprint {

  width: 87% !important;

}

button#backToForm {

  min-width: 33% !important;

}

button#printForm {

  min-width: 33% !important;

}

button#input_2 {

  min-width: 33% !important;

}

}

I hope that helps.
Best.