Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

Buttons

Summary 

Buttons are used on the transactional pages of the system where users can make or save changes to a form. 
On pages where a single action button appears, use the Orange button for that primary/default action.
On forms that require primary and secondary action(s), the primary button appears in Green; and the secondary buttons appear in Orange.

Code

...

Code Block

<button id="btn_report">View</button>

Related patterns 

Hyperlinks
Tabs

Problem

The main reason for using action buttons is that because of their visual appearance, they get more attention and become visually distinct from normal text links. This is what is needed for important tasks

...

A push-button visually stands out on the page and is easily distinguishable from a textual link. It therefore attracts more attention than simple text link and suggests an "action" because of it's "push-button" affordance.

Rationale