Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-3927

Add swipe navigation to non-split view pages

XMLWordPrintable

    • Hide

      This issue should be tested both in Android and iOS.

      1. In web as teacher/admin, create a book with several chapters. Make sure that at least 2 consecutive chapters have a long content so you need to scroll in the app to see it all. There's one already created in master site > MM Dev Testing > Resource: Book > A book with embedded files.
      2. In web, create several events in current, next and previous month if there are none. You can create them as teacher/admin in course/site level, or login as the student to use in the test and create them at user level.
      3. In the app, open the book. Check that you can change chapters by swiping left or right in the chapter content.
      4. Check that you can change chapters by clicking the top bar arrows.
      5. Go to a chapter with long content, and the next chapter should have long content too.
      6. Scroll to the bottom of the chapter and swipe to the next chapter. Check that the app scrolls to the beginning of the next chapter. Please notice that at the moment of writing this there's a problem with this that causes a 60px error margin in the scroll to the beginning, it will be fixed in a future issue.
      7. Now go to calendar. Check that, in the monthly view, you can change months by swiping left or right and the right events are displayed.
      8. Check that you can change months by clicking the top bar arrows.
      9. Open a certain day.  Check that you can change days by swiping left or right and the right events are displayed.
      10. Check that you can change days by clicking the top bar arrows.
      11. Click the "+" button and create an event in the day you're currently viewing. Check that the day page is refreshed automatically and you can see the new event.
      12. Now swipe to the next day, click the "+" button and create an event in the previous day (that is, the same day as in the step 11).
      13. Swipe back and check that the page is reloaded automatically and you can see the new event.
      14. Go back to the calendar monthly view. Check that you can see the new events without having to perform a PTR.
      15. Now swipe to the next month, click the "+" button and create an event in the previous month (that is, the same month as in the step 13).
      16. Swipe back and check that the month is reloaded automatically and you can see the new event.
      Show
      This issue should be tested both in Android and iOS. In web as teacher/admin, create a book with several chapters. Make sure that at least 2 consecutive chapters have a long content so you need to scroll in the app to see it all. There's one already created in master site > MM Dev Testing > Resource: Book > A book with embedded files. In web, create several events in current, next and previous month if there are none. You can create them as teacher/admin in course/site level, or login as the student to use in the test and create them at user level. In the app, open the book. Check that you can change chapters by swiping left or right in the chapter content. Check that you can change chapters by clicking the top bar arrows. Go to a chapter with long content, and the next chapter should have long content too. Scroll to the bottom of the chapter and swipe to the next chapter. Check that the app scrolls to the beginning of the next chapter. Please notice that at the moment of writing this there's a problem with this that causes a 60px error margin in the scroll to the beginning, it will be fixed in a future issue. Now go to calendar. Check that, in the monthly view, you can change months by swiping left or right and the right events are displayed. Check that you can change months by clicking the top bar arrows. Open a certain day.  Check that you can change days by swiping left or right and the right events are displayed. Check that you can change days by clicking the top bar arrows. Click the "+" button and create an event in the day you're currently viewing. Check that the day page is refreshed automatically and you can see the new event. Now swipe to the next day, click the "+" button and create an event in the previous day (that is, the same day as in the step 11). Swipe back and check that the page is reloaded automatically and you can see the new event. Go back to the calendar monthly view. Check that you can see the new events without having to perform a PTR. Now swipe to the next month, click the "+" button and create an event in the previous month (that is, the same month as in the step 13). Swipe back and check that the month is reloaded automatically and you can see the new event.
    • MOODLE_39_STABLE
    • MOODLE_400_STABLE
    • Moodle App 4.0

      As part of improving navigation, we have been working on adding swipe gestures to pages that already use the split-view pattern in tablet. In addition to that, we'll also add it to other pages that would benefit from this pattern. For example, a book activity.

      In this issue we'll add swipe to the following pages:

      • Book.
      • Calendar monthly view.
      • Calendar daily view.

        1. screenshot-1.png
          screenshot-1.png
          346 kB
        2. screenshot-2.png
          screenshot-2.png
          238 kB
        3. screenshot-3.png
          screenshot-3.png
          141 kB
        4. book-swipe.gif
          book-swipe.gif
          13.87 MB

            dpalou Dani Palou
            noeldemartin Noel De Martin
            Noel De Martin Noel De Martin
            Juan Leyva Juan Leyva
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved:

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