...
| Form Fields Disabled | Form Fields Hidden |
|---|---|
| In some forms, all form fields are displayed when the form is display — but additional options are disabled until a data state enables them | Some form fields are hidden until a data state makes these items displayed on the screen |
|
|
Lists and Tables
In OpenLMIS a common convention is to represent most items as tabular data, even though the table might consist of one primary column, and a column for supporting actions. Since these representations are confounded, they are being analyzed together.
Lists vs Tables
| List Formatted as Table | Table as List |
|---|---|
|
|
Titles
| Subheading within block | Heading disconnected | Actionable |
|---|---|---|
|
Sub-List-Headings
...
| Green | Gray |
|---|---|
|
Table Width
| Sized to Fit Data | Sized to Fit Screen | Horizontal Scroll |
|---|---|---|
|
|
|
Click-able Areas
| Full Area Clickable | Single Link | Actions Column |
|---|---|---|
|
|
Zebra Stripes
Pagination
...
| No Zebra Stripes | Zebra Stripes |
|---|---|
Empty States
| In Table | Replaces Table |
|---|---|
|
|
Editing Lists and Tables
Adding New Entries
...
| Seperate Page | Inline |
|---|---|
|
|
Displaying Errors
...
|
Searching and Filtering Lists
Search Boxes
| Search area implicit |
|---|
...
| Search Area Raised | |
|---|---|
Horizontal or Vertical
| Horizontal | Vertical |
|---|---|
|
|
Submit Button vs Implicit
|
|
