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

Reading mode option for resouces such as page, book and glossary

    • Hide

      Test on both Android and iOS devices:

      1. Enter a site and enter a PAGE activity.
      2. Check you can see the reading mode button on the top toolbar.
      3. Click it and check something has changed on the page:
        1. Images and media has dissapeared.
        2. Collapsible header is collapsed (if any).
        3. Activity information (description and completion info is hidden).
        4. Background color changes to black.
      4. Check the button has now gray background to indicate reading mode is enabled.
      5. Click it again and check it opens a settings modal.
      6. You can play and check all the settings:
        1. Text size allows to resize text (only content) from 75% to 200% on 25% steps.
        2. Theme will change background and text color to match the selected settings. (Match app matches light or dark depending on app settings)
        3. Show images and media will show/hide videos and images from the content.
        4. Exit reading mode will disable the reading mode returning to the original state.
      7. If you change page, or activity leaving the reading mode enabled, the reading mode will be enabled when entering the new page that supports this mode. Examples with glossary (single entry view) and book (page view).
        1. Check you can navigate pages of book with the reading mode enabled (which is maintained enabled).
        2. In glossary the swipe navigation maintain the reading mode enabled.
        3. Note: navigation from one page with reading mode to another will also maintain the reading mode enabled (ie, from page activity to another page activity but also when following links to other activitites). In any cas a flick (flash disable and enable again may occur).
      Show
      Test on both Android and iOS devices: Enter a site and enter a PAGE activity. Check you can see the reading mode button on the top toolbar. Click it and check something has changed on the page: Images and media has dissapeared. Collapsible header is collapsed (if any). Activity information (description and completion info is hidden). Background color changes to black. Check the button has now gray background to indicate reading mode is enabled. Click it again and check it opens a settings modal. You can play and check all the settings: Text size allows to resize text (only content) from 75% to 200% on 25% steps. Theme will change background and text color to match the selected settings. (Match app matches light or dark depending on app settings) Show images and media will show/hide videos and images from the content. Exit reading mode will disable the reading mode returning to the original state. If you change page, or activity leaving the reading mode enabled, the reading mode will be enabled when entering the new page that supports this mode. Examples with glossary (single entry view) and book (page view). Check you can navigate pages of book with the reading mode enabled (which is maintained enabled). In glossary the swipe navigation maintain the reading mode enabled. Note: navigation from one page with reading mode to another will also maintain the reading mode enabled (ie, from page activity to another page activity but also when following links to other activitites). In any cas a flick (flash disable and enable again may occur).
    • Moodle Apps Sprint 2025-I1.4, Moodle Apps Sprint 2025-I2.2

      This feature is going to require some initial discovery to understand the best way to provide a zoom in/out (size) feature in the app for those pages that display content to the user.

      e-book reader apps implement this in different ways but usually they change the font size (they don't do a real zoom), other content related apps such as Drive Pages allows zoom via gestures (not re-ordering the content of the page)

        1. image-2025-04-29-17-23-19-661.png
          172 kB
          Isabel Renedo Rouco
        2. image-2025-04-29-17-23-25-615.png
          152 kB
          Isabel Renedo Rouco
        3. image-2025-04-29-17-24-31-255.png
          476 kB
          Isabel Renedo Rouco
        4. image-2025-04-29-17-24-47-403.png
          86 kB
          Isabel Renedo Rouco
        5. MOBILE-3063_200_iPad.png
          191 kB
          Isabel Renedo Rouco
        6. MOBILE-3063_book_directChapter_video_2025-04-29_17-23-44.mp4
          2.36 MB
          Isabel Renedo Rouco
        7. MOBILE-3063_certain_video_2025-04-29_17-24-08.mp4
          1.12 MB
          Isabel Renedo Rouco
        8. MOBILE-3063_CourseTitleTwice_video_2025-06-10_11-31-51.mp4
          3.07 MB
          Isabel Renedo Rouco
        9. MOBILE-3063_glossaryEntryDisplayedWithoutReadingMode_video_2025-06-12_17-54-14.mp4
          1.96 MB
          Isabel Renedo Rouco
        10. MOBILE-3063_notShowingMedia_IsThisContentNotWorking.png
          216 kB
          Isabel Renedo Rouco
        11. MOBILE-3063_sepia_URL_Android.png
          181 kB
          Isabel Renedo Rouco
        12. MOBILE-3063_sepia_URL_iPad.png
          194 kB
          Isabel Renedo Rouco
        13. MOBILE-3063_settings modal-title.png
          236 kB
          Isabel Renedo Rouco
        14. MOBILE-3063_splitview_titleTwice_video_2025-06-12_17-58-51.mp4
          184 kB
          Isabel Renedo Rouco
        15. MOBILE-3063_splitview_titleTwice.png
          143 kB
          Isabel Renedo Rouco
        16. MOBILE-3063_textSize_200_content.png
          826 kB
          Isabel Renedo Rouco
        17. MOBILE-3063_textSize_200_OtherContent.png
          421 kB
          Isabel Renedo Rouco
        18. MOBILE-3063_textSize_200_OtherContent.png
          532 kB
          Isabel Renedo Rouco
        19. MOBILE-3063_textSize_200.png
          455 kB
          Isabel Renedo Rouco
        20. MOBILE-3063_textSize_75_OtherContent.png
          532 kB
          Isabel Renedo Rouco
        21. MOBILE-3063_textSize_75.png
          383 kB
          Isabel Renedo Rouco
        22. MOBILE-3063_top-Android-dark.png
          121 kB
          Isabel Renedo Rouco
        23. MOBILE-3063_top-iPad-NOdark.png
          116 kB
          Isabel Renedo Rouco
        24. MOBILE-3063_topTitle-Android-wrong.png
          158 kB
          Isabel Renedo Rouco
        25. MOBILE-3063_video_2025-05-30_14-49-15.mp4
          2.80 MB
          Isabel Renedo Rouco
        26. MOBILE-3063_withoutReadingMode_content.png
          315 kB
          Isabel Renedo Rouco
        27. MOBILE-3063_withoutReadingMode_OtherContent.png
          518 kB
          Isabel Renedo Rouco
        28. MOBILE-3063-video_2025-01-29_10-17-32.mp4
          3.63 MB
          Isabel Renedo Rouco
        29. screenshot-1.png
          116 kB
          Juan Leyva

            pferre22 Pau Ferrer
            dok555 M. Kaiser
            Dani Palou Dani Palou
            Isabel Renedo Rouco Isabel Renedo Rouco
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 8 weeks, 2 days, 1 hour, 38 minutes
                8w 2d 1h 38m

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