Preview before submission, part II

Hello — I’ve gotten as far as creating a form and it forwarding to a preview page that contains the info entered.  But what I was hoping to do is to have a “next” button on the initial form, and then add the submit button on the preview page. Is this possible? I’ve tried the page break.

Here’s the form I’m working on:

http://www.artisanmemorialportraits.com/order/

 

This can be done by placing an HTML field type on a second page of your form, then by inserting the field ID's of each of your fields into the HTML field (The easiest way to do this is to compose your review page in the email message box because there is a drop-down menu above this email message box that allows you to add your fields more easily).

That way, when the user clicks on the button on the first page, they are taken to your second "review" page, and the button on this page would submit the form. The problem with this implementation is that there won't be a "back" button and they would need to use their browser's back button to return and make changes.

This process is going to be improved dramatically in a future release, but for now this is the best option for Pre-submission review. If you want them to review after post submission, you can create a "confirmation" page. http://formidablepro.com/knowledgebase/form-confirmation-page/

That's how I set it up, Steve (I think; you're right about the email message box; made it much easier). The form will go to the second (aka preview) page, but by then, the submit button on the first page has sent the info, which does appear on the preview page. Thing I'm stuck with is figuring out how to get the submit button on the second page (with the field IDs) to do the actual submitting.

It won't submit the entry if you set it up like I explained above. It sounds like you are following the confirmation page instructions rather than just creating a second page in your form. Where you in edit mode or creating a new entry?

I think what I did was mistake the page break for something else. So it looks like I've gotten it to work.

Here's the preview page:

http://www.artisanmemorialportraits.com/orderpreview/

 

The one thing I don't quite get is why, upon the "preview" second page, the style is not quite like the first form. (Note the two-column layout.)

Is there tweak for that? Would I control that through the CSS section? If so, how?

 

 

 


Attachment:
screenshotform

The layout is different because you don't have anything(HTML or CSS) in your HTML field to tell it to be in two columns. The format of your second page will match what you have in that HTML box.

So going back to the inserting of IDs on the preview portion, is there a way to hide IDs of fields that they did not have to complete?  For example:

PO Number: [11]
Family Name: [12]
Quantity: [13]

What is one is not required to enter a PO number? As it is currently written, The line "PO Number" would show, although the ID code (in this case, 11) would still show.

 

So here's what I'm up against. About 80 percent of the form is comprised of conditional selections. Most won't be seen or selected by anyone at any given time. So rather than type in xxx: [ID], I'm hoping to just be able for the reader to view what they entered.


Attachment:
preview

Yes, you can do it like this:
[if 11]PO Number: [11][/if 11]

Would that go in here (the area that's highlighted in blue)?

Tried it, and it still shows when blank (field 11), and when it's filled, it looks odd.

http://www.artisanmemorialportraits.com/order/


Attachment:
preview2

Oh, that doesn't work in HTML fields, but only for uses after the entry is created. Could you show the summary after submission instead?

Well I'd much rather have it as a preview than an after-the-fact.  That way if someone made a mistake they can go back and change it.

Would a custom display help in this instance?

No, custom displays only work for entries that have been created. This isn't a current option.

Does the latest beta version have it? (Or do you foresee this feature in the near future? )

Any suggestions for working around this?

No, the latest beta doesn't have this feature. There is no ETA on when it will be available.
The only current work around was explained in my first response to this thread.

While I've been able to work with what I am limited to, I keep getting an extra \ where there is none.

For example:

Size: 4\" x 5⅛\" (2136) = $73.00

Seems like all of the characters inputed into the form are correct, so any ideas why the extra \    ?

 

I think it may be the quotations that are causing this. Did you copy and paste these in? if so, try deleting them and typing them. If the /'s are still there, try removing them temporarily to see if that eliminates them. Let us know what you find out.

Indeed it was, Steve. I even used notepad (not Word) to make sure the characters didn't get that weird Word alteration, but now it seems to work.

Hope you guys had a nice Christmas!

So, with the new update, is it possible to view the uploaded files before submitting?

Nope, not yet.

I wonder if there is any way to make, for example:

 

C:\fakepath\aboutpic.jpg

(which appears below the upload field)

 

Clickable to what they selected from their computer.

That would serve just as well as a preview, since I know that's not possible now.

I don't know if this is possible. I think you'll need to research that on Google.

Topic closed.