Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-43973

Standardize table formats throughout

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: OPEN
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 20.0, 20.1
    • Fix Version/s: None
    • Component/s: Library
    • Labels:
    • Test Plan:
      Hide

      Review tables...

      Show
      Review tables...

      Description

      I'm attaching several screenshots of tables in various tools that all have different formatting/styles/colors. Standardizing them would go a long way to improving the user experience. 

      I'm attaching screenshots for all the variations I can find.

      Note the various header formats, the random use of bold and (esp. in Permissions) color.

      Within just the calendar tool sometimes the header is bold and sometimes it isn't. 

      Sometimes items in table rows are bold and at times everything is weighted normally.

      Sometimes the columns fit the content and at other times (ex. the calendar) the columns display with vast spaces in between them. It makes the Auto-groups table difficult to grasp. In Statistics-> Reports the empty column is vast. 

      In Announcements -> View the headers are all bold (both those that are links and those that aren't). In other tools nothing is bold.

      In Announcements - Reorder the header is yellow with green text and no column dividers and the text is weighted normally.

      Sometimes the header is white and the first row is shaded. Sometimes the header is shaded and the first row is white. Sometimes the header, the first row and the second row are all different colors. (see Assignments vs. Tests and Quizzes vs. Manage Participants).

      Sometimes the header isn't even formatted with the table at all.

      Assignments and Assignments by Student have two different table formats.

      Sometimes headers that are shaded have different fill colors than other tables with the same format. The same goes for header items that are links- sometimes the link colors (unvisited) differ from other tables with the same format.

      Some tools have tables that don't share any formatting with any other table (even in the same tool) such as the Roster -> list

      The Rubric table is unique- all the same color of gray (with a link color of blue that's not used in other tools consistently and is hard to see on the gray fill.)

      The search results probably should be in a table but are not. (ex. Preferences -> Sites and T&Q settings.)

      Additionally, some select row options are on the left column and some are in the far right.

      Profile should be reorganized with tables if that's the standard. (My connections and My pictures are not shaded in a way that makes sense semantically in relation to other tools)

       

        Gliffy Diagrams

          Zeplin

            Attachments

            1. Screen Shot 2020-07-21 at 2.08.28 PM.png
              Screen Shot 2020-07-21 at 2.08.28 PM.png
              79 kB
            2. Screen Shot 2020-07-21 at 2.10.45 PM.png
              Screen Shot 2020-07-21 at 2.10.45 PM.png
              117 kB
            3. Screen Shot 2020-07-21 at 2.11.18 PM.png
              Screen Shot 2020-07-21 at 2.11.18 PM.png
              137 kB
            4. Screen Shot 2020-07-21 at 2.11.51 PM.png
              Screen Shot 2020-07-21 at 2.11.51 PM.png
              114 kB
            5. Screen Shot 2020-07-21 at 2.14.58 PM.png
              Screen Shot 2020-07-21 at 2.14.58 PM.png
              172 kB
            6. Screen Shot 2020-07-21 at 2.15.59 PM.png
              Screen Shot 2020-07-21 at 2.15.59 PM.png
              126 kB
            7. Screen Shot 2020-07-21 at 2.18.16 PM.png
              Screen Shot 2020-07-21 at 2.18.16 PM.png
              137 kB
            8. Screen Shot 2020-07-21 at 2.19.59 PM.png
              Screen Shot 2020-07-21 at 2.19.59 PM.png
              128 kB
            9. Screen Shot 2020-07-21 at 2.22.29 PM.png
              Screen Shot 2020-07-21 at 2.22.29 PM.png
              118 kB
            10. Screen Shot 2020-07-21 at 2.24.17 PM.png
              Screen Shot 2020-07-21 at 2.24.17 PM.png
              109 kB
            11. Screen Shot 2020-07-21 at 2.26.38 PM.png
              Screen Shot 2020-07-21 at 2.26.38 PM.png
              44 kB
            12. Screen Shot 2020-07-21 at 2.27.57 PM.png
              Screen Shot 2020-07-21 at 2.27.57 PM.png
              105 kB
            13. Screen Shot 2020-07-21 at 2.28.59 PM.png
              Screen Shot 2020-07-21 at 2.28.59 PM.png
              182 kB
            14. Screen Shot 2020-07-21 at 2.30.42 PM.png
              Screen Shot 2020-07-21 at 2.30.42 PM.png
              100 kB
            15. Screen Shot 2020-07-21 at 2.31.45 PM.png
              Screen Shot 2020-07-21 at 2.31.45 PM.png
              125 kB
            16. Screen Shot 2020-07-21 at 2.32.34 PM.png
              Screen Shot 2020-07-21 at 2.32.34 PM.png
              121 kB
            17. Screen Shot 2020-07-21 at 2.33.52 PM.png
              Screen Shot 2020-07-21 at 2.33.52 PM.png
              144 kB
            18. Screen Shot 2020-07-21 at 2.35.34 PM.png
              Screen Shot 2020-07-21 at 2.35.34 PM.png
              78 kB
            19. Screen Shot 2020-07-21 at 2.37.04 PM.png
              Screen Shot 2020-07-21 at 2.37.04 PM.png
              98 kB
            20. Screen Shot 2020-07-21 at 2.39.03 PM.png
              Screen Shot 2020-07-21 at 2.39.03 PM.png
              149 kB
            21. Screen Shot 2020-07-21 at 2.40.13 PM.png
              Screen Shot 2020-07-21 at 2.40.13 PM.png
              181 kB
            22. Screen Shot 2020-07-21 at 2.42.13 PM.png
              Screen Shot 2020-07-21 at 2.42.13 PM.png
              107 kB
            23. Screen Shot 2020-07-21 at 2.43.30 PM.png
              Screen Shot 2020-07-21 at 2.43.30 PM.png
              125 kB
            24. Screen Shot 2020-07-21 at 2.46.44 PM.png
              Screen Shot 2020-07-21 at 2.46.44 PM.png
              127 kB
            25. Screen Shot 2020-07-21 at 2.47.47 PM.png
              Screen Shot 2020-07-21 at 2.47.47 PM.png
              75 kB
            26. Screen Shot 2020-07-21 at 2.48.34 PM.png
              Screen Shot 2020-07-21 at 2.48.34 PM.png
              114 kB
            27. Screen Shot 2020-07-21 at 2.49.23 PM.png
              Screen Shot 2020-07-21 at 2.49.23 PM.png
              149 kB

              Activity

                People

                Assignee:
                profmikegreene Michael Greene
                Reporter:
                maryjowatts Mary Jo Watts
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                  Dates

                  Created:
                  Updated:

                    Git Integration