Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-4044 Moodle App notifications improvements for 4.1.0
  3. MOBILE-4021

Refactor notifications page to use split-view and swipe navigation

XMLWordPrintable

    • Hide

      Test notifications:

        • Split-view (only tablet)*

      Open notifications section, notifications list will appear at the left and notification detail at the right site of the split view.

      Then, press one notification and swipe left or right to navigate between notifications.

        • Swipe (only smartphone)*

      Open notifications section, notification list will appear.

      Then, press one notification and swipe left or right to navigate between notifications.

      Show
      Test notifications: Split-view (only tablet)* Open notifications section, notifications list will appear at the left and notification detail at the right site of the split view. Then, press one notification and swipe left or right to navigate between notifications. Swipe (only smartphone)* Open notifications section, notification list will appear. Then, press one notification and swipe left or right to navigate between notifications.
    • MOODLE_400_STABLE
    • MOODLE_401_STABLE
    • Moodle App 4.1.0

      The notifications page currently displays the list of notifications in a plain list, which makes navigation cumbersome and doesn't take advantage of the tablet layout nor swipe gestures.

      In order to improve it, we'll introduce these two patterns that we're already using in other parts of the app.

        1. MOBILE-4021_lines.png
          MOBILE-4021_lines.png
          89 kB
        2. MOBILE-4021_small_NO_LoadMore.png
          MOBILE-4021_small_NO_LoadMore.png
          44 kB
        3. MOBILE-4021_tablet_BadOrder.png
          MOBILE-4021_tablet_BadOrder.png
          66 kB
        4. MOBILE-4021_tablet_Loading.png
          MOBILE-4021_tablet_Loading.png
          67 kB
        5. MOBILE-4021_tablet_LoadMore.png
          MOBILE-4021_tablet_LoadMore.png
          60 kB
        6. MOBILE-4021_tablet_swiping_focus_video_2022-11-24_17-46-06.mp4
          1.03 MB

            alfonso.salces@moodle.com Alfonso Salces
            noeldemartin Noel De Martin
            Noel De Martin Noel De Martin
            Isabel Renedo Rouco Isabel Renedo Rouco
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.