Let’s add the processes for saving and discarding Customer rows. There is another way of adding exits to an interaction node: by clicking the interaction node, you will see a header Exits in the property panel. Here you can add new exits and modify existing ones. Now modify your process as follows.
Step 1 – in the Flowchart:
- Rename the existing “Return” exit to “Save customer”
- Link that exit to a Save Database Changes node
- Create a new exit (click “New button exit”) and name it “Discard changes”
- Link that exit to a Discard Database Changes node
- Link both of the Database nodes back to the Customers node; you will see the exit names “Changes saved” and “Changes discarded” added automatically to the exits
Step 2 – in the “Modify Customer” overlay:
- You will notice that the previous Return button is now called Save Customer; renaming an exit will also rename the associated button
- Drag a new button to the left side of the button bar, and select the “Discard changes” exit
- Option: change the colours of the buttons to green and orange, and try to display an icon in the button; you will find these options in the property panel when clicking the button elements
- Save your interaction node template
- Preview your flowchart again and test all of the buttons: “Add customer”, “Save customer”, and “Discard changes”
- If all is well, you will the overlay window appearing and disappearing during this process – you will not see any visible results yet, but no error messages should appear either…