community:ui_ig:style_guide:empty_states
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| community:ui_ig:style_guide:empty_states [2025/05/15 17:09] – removed - external edit (Unknown date) 127.0.0.1 | community:ui_ig:style_guide:empty_states [2025/05/15 17:09] (current) – ↷ Links adapted because of a move operation sleary | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | ====== Empty States ====== | ||
| + | Empty states are the messages that appear when there is no data yet, or when a filtered search returned no results. | ||
| + | |||
| + | A progress loader is //not// an empty state. An empty state appears when the page has loaded all of its data and there is still nothing to show the user. | ||
| + | |||
| + | Examples: | ||
| + | * You have not added any documents to this folder yet. [[ui_ig: | ||
| + | * There are no open POs at this location. [[ui_ig: | ||
| + | |||
| + | A good empty state should answer these questions: | ||
| + | - What is supposed to be here? | ||
| + | - Why is it not here? | ||
| + | - How do I get it? | ||
| + | |||
| + | Ideally, the interface should distinguish between initial states (nothing added yet) and zero results (there is data, but your conditions were too narrow). | ||
| + | |||
| + | ===== Empty States in Evergreen ===== | ||
| + | |||
| + | Empty states appear in: | ||
| + | * Grids | ||
| + | * Reports folders | ||
| + | * Baskets and lists | ||
| + | |||
| + | [[https:// | ||
| + | |||
| + | ===== Further Reading ===== | ||
| + | |||
| + | * [[https:// | ||
| + | * [[https:// | ||
| + | * [[https:// | ||