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

Spreadsheet block: Sticky header and sorting UX

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Released
    • Icon: Should have Should have
    • 2.32.2
    • 1
    • Block: Spreadsheet
    • Sprint #134, Sprint #135, Sprint #136, Sprint #137

      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.

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

            pcuadrad Pablo Cuadrado (Inactive)
            mfatome Magali Fatome (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: