Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-39851

Full screen popup for mobile (filepicker/activitychooser)

    Details

    • Testing Instructions:
      Hide

      Perform these tests on 2 themes (one that inherits from base and one that inherits from bootstrapbase), with 2 languages (one normal, one RTL), on 3 browsers (webkit, ie and firefox).

      Big screen test

      1. Make the window > 900 px wide
      2. Open the filepicker
      3. Click on each of the repositories and look for glitches in the layout (anything that looks odd).
      4. Insert some files using filepicker
      5. Open a page with editor (i.e. "edit section"), try inserting image/media/link using filepicker
      6. Open the activity chooser
      7. Look for glitches
      8. Create some activity

      Small screen test

      1. Make the window 500px wide. Refresh the window.
      2. Open the filepicker
      3. Click on each of the repositories and look for glitches in the layout (anything that looks odd). The windows should be fullscreen.
      4. Insert some files using filepicker
      5. Open a page with editor (i.e. "edit section"), try inserting image/media/link using filepicker
      6. Open the activity chooser
      7. Look for glitches
      8. Create some activity

      Tiny screen test

      1. Make the window 400px wide. Refresh the window.
      2. Open the filepicker (activity chooser does not show at this size)
      3. Click on each of the repositories and look for glitches in the layout (anything that looks odd). The windows should be fullscreen.
      4. Insert some files using filepicker
      5. Open a page with editor (i.e. "edit section"), try inserting image/media/link using filepicker

      Window resize test

      1. Make the window > 900px wide
      2. open the activity chooser
      3. close the activity chooser
      4. resize the window to 500px without refreshing the page
      5. open the activity chooser again.
      6. resize the window to > 900px without refreshing the page
      7. open the activity chooser again.
      8. verify no glitches in the above process
      9. repeat for the file picker.
      Show
      Perform these tests on 2 themes (one that inherits from base and one that inherits from bootstrapbase), with 2 languages (one normal, one RTL), on 3 browsers (webkit, ie and firefox). Big screen test Make the window > 900 px wide Open the filepicker Click on each of the repositories and look for glitches in the layout (anything that looks odd). Insert some files using filepicker Open a page with editor (i.e. "edit section"), try inserting image/media/link using filepicker Open the activity chooser Look for glitches Create some activity Small screen test Make the window 500px wide. Refresh the window. Open the filepicker Click on each of the repositories and look for glitches in the layout (anything that looks odd). The windows should be fullscreen. Insert some files using filepicker Open a page with editor (i.e. "edit section"), try inserting image/media/link using filepicker Open the activity chooser Look for glitches Create some activity Tiny screen test Make the window 400px wide. Refresh the window. Open the filepicker (activity chooser does not show at this size) Click on each of the repositories and look for glitches in the layout (anything that looks odd). The windows should be fullscreen. Insert some files using filepicker Open a page with editor (i.e. "edit section"), try inserting image/media/link using filepicker Window resize test Make the window > 900px wide open the activity chooser close the activity chooser resize the window to 500px without refreshing the page open the activity chooser again. resize the window to > 900px without refreshing the page open the activity chooser again. verify no glitches in the above process repeat for the file picker.
    • Affected Branches:
      MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-39851-master
    • Story Points (Obsolete):
      60
    • Sprint:
      FRONTEND Sprint 1

      Description

      Filepicker and activity chooser should be full-screen popup in mobile device. They should not be drag-able. Have a look if there are any other popup that should be fullscreen.

      The focus should be on:

      • the popup never moves whatever the user action happens inside the popup.
      • the popup fits the entire screen. Scroll down is allowed till the bottom of the screen is still the popup itself (i.e can't see the moodle site).
      • remove the rounded corner

        Gliffy Diagrams

          Attachments

          1. bonfire-screenshot-20130614-121408-246.png
            bonfire-screenshot-20130614-121408-246.png
            45 kB
          2. bonfire-screenshot-20130614-121521-268.png
            bonfire-screenshot-20130614-121521-268.png
            53 kB
          3. dockoverlap.png
            dockoverlap.png
            71 kB
          4. misaligned.png
            misaligned.png
            36 kB
          5. Screenshot_27_05_13_4_02_PM.png
            Screenshot_27_05_13_4_02_PM.png
            115 kB
          6. small_filepicker_dropbox1.png
            small_filepicker_dropbox1.png
            13 kB
          7. small_filepicker_dropbox2.png
            small_filepicker_dropbox2.png
            10 kB
          8. sshot_fileexists.png
            sshot_fileexists.png
            82 kB
          9. sshot1_master.png
            sshot1_master.png
            46 kB
          10. sshot2_intmaster.png
            sshot2_intmaster.png
            57 kB
          11. textarea_filepicker.png
            textarea_filepicker.png
            83 kB
          12. wishlist_subwindow2.png
            wishlist_subwindow2.png
            32 kB

            Issue Links

              Activity

                People

                • Votes:
                  3 Vote for this issue
                  Watchers:
                  14 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:
                    Fix Release Date:
                    18/Nov/13