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

Full screen popup for mobile (filepicker/activitychooser)

    XMLWordPrintable

    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

        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