Case headers inform the user of what object in the system they are looking at. These headers usually contain actions that a user can perform on that object. Headers are “sticky” on pages. “Case name” and “Case ID” are required elements. Other header elements (case icon, status badge, etc.) are optional and should be used when the use case requires them.
On mobile devices, the case name and actions are the only parts that remain “sticky.” Other information moves to a second header layer that does not stick at the top of the screen. Case icons are hidden on mobile devices to save space.
Last updated: May 2019
Landing page header
Landing pages are pages in an application that are not directly related to a specific case or object. Usually they are lists or search pages. There can be actions on this page.
On mobile devices, the page name and actions remain. Any decorative icons are hidden.
Last updated: Jul 2018