Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-778 META: Migrate to Ionic
  3. MOBILE-876

Investigate, discuss and decide how to handle split views (tablet vs. phone)

XMLWordPrintable

    • Icon: Sub-task Sub-task
    • Resolution: Fixed
    • Icon: Minor Minor
    • 2.0
    • 2.0
    • Ionic
    • Hide
      1. Install the app on a smartphone and check that the behavior is the usual (no split view) on pages like messages, calendar events, course contents, forum, ...
      2. Install the app on a tablet and check that the split view is shown and that the first item is loaded when the view is loaded.
      3. Check that going to the same state doesn't lose the right pane contents (e.g., clicking on "Calendar events" item while you're already in calendar events state.
      4. Check that going back to a split view doesn't lose the right pane contents (e.g. go to participants, select a participant, click "View grades" and then go back, the same participant should be loaded on right pane).
      5. In browser, resize the window to simulate a phone-tablet change and check that everything still works:
        • Load a split view on phone mode, make the window bigger (tablet) and check that the states are loaded on the right pane. Also, check that going back to this split view doesn't lose the right pane contents.
        • Load a split view on tablet mode, make the window smaller (phone) and check that clicking an item redirects you to a new view.
      Show
      Install the app on a smartphone and check that the behavior is the usual (no split view) on pages like messages, calendar events, course contents, forum, ... Install the app on a tablet and check that the split view is shown and that the first item is loaded when the view is loaded. Check that going to the same state doesn't lose the right pane contents (e.g., clicking on "Calendar events" item while you're already in calendar events state. Check that going back to a split view doesn't lose the right pane contents (e.g. go to participants, select a participant, click "View grades" and then go back, the same participant should be loaded on right pane). In browser, resize the window to simulate a phone-tablet change and check that everything still works: Load a split view on phone mode, make the window bigger (tablet) and check that the states are loaded on the right pane. Also, check that going back to this split view doesn't lose the right pane contents. Load a split view on tablet mode, make the window smaller (phone) and check that clicking an item redirects you to a new view.
    • MOODLE_20_STABLE
    • MOODLE_20_STABLE

      Phones only need one view per screen, but on tablets it is often more user friendly when the screen is split in two parts, one to navigate, the other one for the content.

      We need to find a solution that works on Ionic with minimal code duplication between tablet and phone. Hacks should be avoided as much as possible

            dpalou Dani Palou
            fred Frédéric Massart
            Juan Leyva Juan Leyva
            Juan Leyva Juan Leyva
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

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