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

Full screen popup for mobile (filepicker/activitychooser)

XMLWordPrintable

    • MOODLE_25_STABLE
    • MOODLE_26_STABLE
    • MDL-39851-master
    • 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.
    • 60
    • FRONTEND Sprint 1

      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

        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

            damyon Damyon Wiese
            jerome Jérôme Mouneyrac
            Andrew Davis Andrew Davis
            Dan Poltawski Dan Poltawski
            Marina Glancy Marina Glancy
            Votes:
            3 Vote for this issue
            Watchers:
            13 Start watching this issue

              Created:
              Updated:
              Resolved:

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