PowerApps Submit Button Form Control - Add Message Box "Are you Sure you want to Submit this entry?"

[VeeLearnMSFT]

This is my form, how do I make it so that it shows me a confirmation so that they have an opportunity to click no in case it hit accidentally.  I Know it something easy but googling is not helping.  Anyone can help?

[kolla456]

@VeeLearnMSFT 

 Add a container from layout to the screen, and add your label for message with "cancel" and "Ok" buttons in-side the container. Set the visibility of container to a Boolean variable.

Use UpdateContext to change the Boolean variable value to true from "Submit" button onSelect in form to make the container visible. And update the onSelect of "Ok" button in container to submit form and update onSelect of "Cancel" button to update the Boolean variable to false to make make container invisible 

[Caz_16]

@VeeLearnMSFT ,

I have a similar setup in my app. The solution is quite simple. 

- First insert a Rectangle, and make it the size of the screen and turned it White. Then right clicked on it, clicked "Reorder" and selected "Send To Front". This is important. When you do this, all of the other components on the page should be beneath your giant white square and are not able to be selected by the user. 

- Now adjust the Height and Width properties so that it is always App.Height and App.Width. Now it is dynamic and will always cover the whole screen. 

- Now you can change the Visible property of your big rectangle to False to make it go away for a moment.  

- Change the OnSelect of your Submit button to Set(_VarConfirmation, true).
- Change the Visible property of your giant rectangle to _VarConfirmation. Now when you click submit, your giant white rectangle will pop up and cover the screen. 

- Now you can insert a text box, button, or any other components over top of your white box. Add an second "Submit" button, and make it actually submit your form (don't forget to also Set(_VarConfirmation, false)!). All of this should be going in front of your giant white box, again, with all other app components behind it. You can always see the order of your components in the pane on the left side of your studio screen. 

- Don't forget to add in a "Cancel" button and make it's OnSelect property = Set(_VarConfirmation, false), that will hide everything if the user changes their mind. 

- Make sure that anything that you want on your "confirmation screen's" OnSelect property = _VarConfirmation so they appear when you click that first submit button, and go away when you click "Cancel" or the second "Submit" button.  
- I fancied mine up by turning my white box to a greyish color and making it slightly opaque, that way the user can still see everything behind it, but none of it is clickable. I also added a timer to mine to force my user to read the message. The "Delete" button in my example is disabled for 5 seconds before it becomes clickable. 

Hope this helps! If it answered your question, please kudos and accept as a solution. 

-Caz