You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Pattern name
Summary
1. Tables with text (missing some detail here, yes?????)
2. Tables with numbers (ditto)
3. Keep actions (and important data such as totals) visible on long scrolling pages, placing it right or top as needed. (ditto)
4. Page-level actions with in-page tabs (ditto)
Example Code
Example (in use, with an interaction, in context)
Related patterns
Problem (business, user, technical)
Solution
Rationale (other things we tried and why we chose to use this solution)
Accessibility 

Tables

  1. Summary
    1. Tables with text should include headers and be displayed in Source Sans at a minimum 13 pt font. Text should be aligned left.
    2. Tables with numbers 
    3. Keep actions visible on long scrolling pages, placing it right or top as needed. 
    4. Headers and instruction text should appear above the tables. Column headers should allow users to sort their view of the table by clicking the header. 
  2. Example Code
  3. Example (in use, with an interaction, in context)
  4. Related patterns
  5. Problem (business, user, technical)
  6. Solution
  7. Rationale (other things we tried and why we chose to use this solution)
  8. Accessibility 
  • No labels