Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-3802 Moodle App navigation improvements for 4.0
  3. MOBILE-3823

Ensure H5P, SCORM and similar packages (IMSCP) do not display the description box in lanscape mode (mobile)

    XMLWordPrintable

Details

    • Sub-task
    • Status: Closed
    • Major
    • Resolution: Fixed
    • 3.9.5
    • 4.0.0
    • H5P, SCORM add-on
    • Hide

      This issue needs to be tested in one iOS and one Android mobile device and in one tablet.

      1. In the app, login in a site that has at least 1 SCORM, 1 IMSCP (e.g. MM Dev course) and 1 H5P activity with tracking enabled (e.g. H5P reports course).
      2. Put the device in portrait mode.
      3. Open the H5P. Check that you see a fullscreen button (a square-like button) in the header.
      4. Click the full screen button. Check that the iframe becomes full screen.
      5. Leave full screen and rotate the device to put it in landscape. Check that the iframe becomes full screen automatically.
      6. While in fullscreen, click the kebab button (3 dots) and click "View my attempts". Check that the app leaves full screen and opens your attempts.
      7. Repeat steps 3-5 with the IMSCP and SCORM.
      Show
      This issue needs to be tested in one iOS and one Android mobile device and in one tablet. In the app, login in a site that has at least 1 SCORM, 1 IMSCP (e.g. MM Dev course) and 1 H5P activity with tracking enabled (e.g. H5P reports course). Put the device in portrait mode. Open the H5P. Check that you see a fullscreen button (a square-like button) in the header. Click the full screen button. Check that the iframe becomes full screen. Leave full screen and rotate the device to put it in landscape. Check that the iframe becomes full screen automatically. While in fullscreen, click the kebab button (3 dots) and click "View my attempts". Check that the app leaves full screen and opens your attempts. Repeat steps 3-5 with the IMSCP and SCORM.
    • MOODLE_39_STABLE
    • MOODLE_400_STABLE
    • Moodle App 4.0

    Description

      Those packages should be able to use as much space as possible, therefore:

      • We should avoid displaying the description box or any unnecessary element in landscape mode for small screens
      • We should reduce the top navigation bar height for small screens

      Attachments

        1. screenshot-7.png
          screenshot-7.png
          49 kB
        2. screenshot-6.png
          screenshot-6.png
          51 kB
        3. screenshot-5.png
          screenshot-5.png
          32 kB
        4. screenshot-4.png
          screenshot-4.png
          397 kB
        5. screenshot-3.png
          screenshot-3.png
          183 kB
        6. screenshot-2.png
          screenshot-2.png
          85 kB
        7. screenshot-1.png
          screenshot-1.png
          239 kB

        Activity

          People

            dpalou Dani Palou
            jleyva Juan Leyva
            Pau Ferrer Pau Ferrer
            Juan Leyva Juan Leyva
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              22/Apr/22