- Where should modal buttons be placed?
- Should cancel be on the left or right?
- Do modals need a cancel button?
Where should modal buttons be placed?
In modals and dialogs, align the buttons to the right, or possibly consider a center alignment. Rationale: all major platforms (Windows & macOS) right-align the terminating actions buttons in modals/dialogs, users scan modals in a “Z” pattern (check out the “Gutenberg Diagram”).
Should cancel be on the left or right?
In most languages, people are accustomed to read from left side to right side, so it accords with our speech habits to put ok-key on the left side of cancel-key. 2. “Ok/cancel” type make it easier to see and select ok-key.
Do modals need a cancel button?
Your modal window will need a 'Cancel' button if the user is doing a task where they're entering information. If there's a form in your modal, it's important that the user doesn't click outside of the window to close it. To prevent this, offer users a 'Cancel' button as the only way the user can close the window.