Button

Best place for save button

Best place for save button
  1. Where do I put the Save button?
  2. Should save button be on top or bottom?
  3. Should primary buttons be on the right or left?
  4. What is a ghost button?

Where do I put the Save button?

Right: 'save and exit' button next to the primary button (good). Sometimes users might need to save their progress on a long form. Putting the 'save and exit' button above the primary button implies it's more important, when it isn't.

Should save button be on top or bottom?

Considering that your users will typically navigate to one category, make a change, then click Save Changes, I think placing the button at the bottom/left is best. If your users were frequently making changes across multiple categories, then you'd have a good argument for placing the button at the top.

Should primary buttons be on the right or left?

Full page designs should have the primary button on the left side of the page. If the browser window is large, or you have to scroll down to fill out a form, it's best to have the primary button right below the last bit of content on the page.

What is a ghost button?

A 'Ghost button' is the name given to those buttons that have a label and an outline but no solid fill, where the body of the button adopts the look of the background. They are commonly used on websites and user interfaces with simple and minimalistic aesthetics.

How to show error message around HTML input on blur without jarring the layout?
How do you display error message below input field in HTML?How do I show error messages in HTML?How to display error message in HTML form using jQuer...
Menu Items Capitalization Title Cases vs Sentace Cases [duplicate]
What should be capitalized on a menu?What is the difference between sentence case and title case?Why does Apple use title case?What are the two types...
Bottom sheet on top of popup on mobile
What is persistent bottom sheet?What is modal bottom sheet?What is the difference between bottom sheet and modal bottom sheet?What is a bottom sheet ...