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

Add swipe navigation to non-split view pages

    XMLWordPrintable

Details

    • 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 App 4.0

    Description

      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.

      Attachments

        Issue Links

          Activity

            People

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

              Dates

                Created:
                Updated: