<html><head><meta http-equiv="Content-Type" content="text/html charset=windows-1252"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div>I’m working on a project that has lots of forms (LiveOak), and I’m thinking about the best way to display the buttons “Cancel”, “Save”, “Delete” and “Clear changes”.</div><div><br></div><div>- Scenario 01: the user is trying to create some artefact, e.g. “Create Application”.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>- Initial state: the buttons “Cancel” and “Save” are displayed. “Cancel” takes to the previous page if clicked. “Save” is disabled, since the required fields where not yet fulfilled. </div><div><span class="Apple-tab-span" style="white-space:pre"> </span>- Required fields are edited: “Save” is now enabled. The user stay in the same page after Saving.</div><div><br></div><div>- Scenario 02: the user is editing some artefact, e.g. “Edit Application”.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>- Initial state: the button “Delete” is displayed.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>- After some edition: “Delete” is hidden and replaced by “Clear changes” and “Save”.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>- After saving or clearing changes: “Clear changes” and “Save” are replaced by “Delete” again.</div><div><br></div><div>I’m struggling more with the scenario 02, since buttons appear / disappear depending on the action. However, the interaction feels good in the console.</div><div><br></div><div>Another point is that we are using “clear changes”, which undo the user’s changes and keep him in the same page. The button “Cancel” could work to, but the difference is that “cancel” would take it to the previous page (probably the applications list).</div><div><br></div><div>What do you guys think about this approach? How are you guys dealing with this in your projects?</div><div><br></div><div>Thanks,</div><div>Gabriel</div><div><br></div><div> <div style="color: rgb(0, 0, 0); letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div>---</div><div>Gabriel Cardoso</div><div>User Experience Designer @ Red Hat</div></div> </div> <br></body></html>