We gave our users the ability to edit their personal information in the previous user story. Once the users start editing, they do not have a way to cancel if they don't want to go ahead with the changes. In this user story, we will give our users the ability to cancel editing the personal information form. The requirement of the user story is to provide a button, with a label Cancel, in the edit
mode. Clicking the Cancel button should revert any changes made to the form fields and take the form out of the edit
mode. The user would also like to be informed that the edit was cancelled and any change to personal information was not saved.
Let's start by adding the Cancel button to the view. Add a button under the Submit button of the personal form. Give the button a label of Cancel. The button should only be displayed if the personal information form is in the edit
mode. Add a visible
binding to the button to make it appear only in the edit
mode, similar...