Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-4914

Spreadsheet block: Sticky header and sorting UX

    XporterXMLWordPrintable

    Details

    • Type: Task
    • Status: CLOSED
    • Priority: Should have
    • Resolution: Released
    • Affects Version/s: None
    • Fix Version/s: 2.32.2
    • Labels:
    • Story Points:
      1
    • Sprint:
      Sprint #134, Sprint #135, Sprint #136, Sprint #137
    • Section:
      Block: Spreadsheet
    • Track:
      Development

      Description

      From UX recommendations:

      Problems:

      • When users scroll down the spreadsheet, they lose the context of the columns labels.
      • There is no clear visual indicator to sort the spreadsheet.

      Recommendations:

      • The spreadsheet should have a sticky header so that users don't lose context when they scroll down.
      • We should display the sorting arrows by default on mobile, and on roll hover on desktop. We should then remove the « default sorting » button.

      Tasks

      • These 2 have been done:
        • Make the header row to be fixed when scrolling vertically through table (Done)
        • Remove the « default sorting » button (Done)
      • To be done: Display sorting arrows next to header text by default on mobile, and on roll hover on desktop
      • Check font-awesome for arrow icons and confirm with design team. Include the svg files in our icons sprite.

        Gliffy Diagrams

          Attachments

          1. Desktop_arabic.png
            Desktop_arabic.png
            109 kB
          2. Desktop.png
            Desktop.png
            118 kB
          3. Mobile_2.png
            Mobile_2.png
            30 kB
          4. Mobile_arabic_2.png
            Mobile_arabic_2.png
            30 kB
          5. Mobile_arabic.png
            Mobile_arabic.png
            49 kB
          6. Mobile.png
            Mobile.png
            36 kB
          7. Tablet_arabic.png
            Tablet_arabic.png
            84 kB
          8. Tablet.png
            Tablet.png
            98 kB
          9. XL_arabic.png
            XL_arabic.png
            125 kB
          10. XL.png
            XL.png
            135 kB

            Issue Links

              Activity

                People

                Assignee:
                pcuadrad Pablo Cuadrado
                Reporter:
                mfatome Magali Fatome
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved: