Use buttons to take actions in the app
Learn how to recognise and use the different buttons in the application so you can complete actions such as saving, cancelling, or navigating.
This guide is designed for project manager.
Steps
Step 1: Identify primary action buttons
Look for solid buttons in the primary colour (for example, “Save” or “Continue”) to perform the main action on a page or dialog; these are usually the safest default choice when you want to confirm or move forward.
Step 2: Use destructive buttons for high‑impact changes
When you need to delete or permanently change something, use the red destructive buttons (for example, “Delete” or “Remove”) and confirm only when you are sure, as these actions may not be reversible.
Step 3: Use secondary and outline buttons for alternative options
Choose secondary or outline buttons when you want to take a less prominent or alternative action (such as “Cancel”, “Back”, or “Skip”) without committing to the main change.
Step 4: Recognise link and ghost buttons for subtle actions
Use link‑style or ghost buttons for low‑priority actions, such as opening help, viewing details, or navigating to related pages, where you do not expect a major change to your current work.
Step 5: Tap or click icon‑only buttons
Use square icon buttons (for example, a pencil for edit or a bin for delete) when you only see an icon instead of text; hover or tap and hold if you need to see a tooltip explaining what the icon does.
Step 6: Understand disabled buttons
If a button appears faded and does not respond to clicks or taps, check for missing information or required selections on the page, as the action will only become available once all conditions are met.
Related Tasks
Last updated: 2026-02-09