Page 1 of 1

Implement Preview Before Submit Functionality

Posted: Sun Feb 08, 2015 9:18 pm
by Joe7349603

I have an app that allows users to submit reviews. One functionality I am trying to implement and seems inefficient and very buggy is using storage variables to allow user to preview their submission before submitting. As you see in the screen below, user enters some data, previews it and at that point either submits or edits more. This has number of issues
1) Since review window (screen 2) has no "submit service" in it, I cannot submit the data all the bidding exist on the data entry screen, so I cannot call the button submit which means I have to take the user back to previous window and show another button - SUBMIT, to finish the submission. Too much clicking going on and I would prefer to have the user click a button on the review window and have everything submitted.

2) With storage variable, after the user has submitted data, if they click "Preview Before Submit" button and the text boxes are all empty in screen 2, the review button display the old values. I have tried different code to clear the values but nothing I have also tried session and window variable
codelocalStorage.removeItem("DisplayName");
localStorage.clear('DisplayName');
/code

3) is there an easy way of implementing this functionality. So far it is very messy, full of bugs and hard to predict the behavior. I am not using a popup or dialogues.
Image Image Image


Implement Preview Before Submit Functionality

Posted: Mon Feb 09, 2015 8:35 pm
by Evgene Karachevtsev

Hello Joe,

The best approach will be:
1) create LSV for your request create service, so all parameters could be filled in this LSV
2) save each input, selectmenu, slider, etc. on click "Preview before submit"
3) open your preview with a mapping on a page show from the LSV
4) on click "Submit review" map your LSV to a service


Implement Preview Before Submit Functionality

Posted: Sat Feb 28, 2015 10:21 pm
by Joe7349603

Perfecto!! Works now I decided to use popup with LSV. Except for the background which is not fading dark the way I want to give focus on the popup everything else is working.

Cheers!