I have tried numerous combinations with Form Buttons to try to get the desired outcome, it is simply unworkable.
This integral part of the app design it is not good at all.
Workarounds like using pop-ups instead is not a solution.
If a user opens the form and makes a few changes to the form, I'd like to be able to show all 4 buttons not one instead of another.
Button 1 - Save and Close
- Changes are saved and the form is closed without confirmation. This is a no-brainer.
- Returns to the previous component
Button 2 - Save Changes
- Button displayed next to the "Save and Close' button
- Changes are saved without closing the form
We have to choose between showing Button 1 or Button 2 but not both.
Button 3 - Close
- Confirmation required to 'Save Changes'.
- Returns to the previous component
- Having Button 1 (Save and Close), will eliminate the two step close process by not displaying the annoying confirmation message
- Don't want to automatically save changes when 'Close' is clicked either, this needs to an option.
- "Save when closed" (checkbox outside of Buttons options) is not desirable here as it automatically saves potentially unwanted changes. I have no use for it at all. Prefer the 'Save & Close' button instead.
Button 4 - Cancel
- Quick exit out of the form, no confirmation of changes message, simply exit.
- User opened the form by mistake or to simply check something.
- Changes should be treated as experimental and ignored when this is clicked.
- Returns to the previous component
All Buttons - Requirement:
- Ability to change the default name for the Cancel button
- Turn on/off checkbox
- Conditions when the buttons are: DISPLAYED, DISABLED or HIDDEN
All Buttons - Wishlist:
- Specify CSS or image icons
Most of these button functions already exist in JavaScript form.
Maybe this implementation can be crowdfunded.
Cheers