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

Add the ability to collapse multiple sections at once

    XMLWordPrintable

Details

    • Improvement
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 2.6.4, 2.7.1, 2.8
    • 2.6.5, 2.7.2
    • Themes
    • MOODLE_26_STABLE, MOODLE_27_STABLE, MOODLE_28_STABLE
    • MOODLE_26_STABLE, MOODLE_27_STABLE
    • m28_MDL-46900
    • Hide

      0. Testing this requires hacking.

      1. Edit theme/bootstrapbase/layout/columns3.php, adding this code @ different places, say 3 times:

      • one @ before the end of the </header> tag.
      • another after outputting the "side-post" blocks.
      • the last one before the end of the </body> tag.
        Code to add:

        <div class="nav-collapse collapse">This should be collapsed in narrow window</div>
        

      2. With the patch applied, caches purged and using any bootstrap-based theme, go to the site main page.

      3. With full-width (>1000 aprox), you will see the 3 occurrences of the code above.

      4. Narrow the window till the collapse-toogle button (up-right) is shown. The 3 occurrences are not visible now.

      5. Press the collapse-toogle button, the 3 occurrences are shown in their original places.

      (without the patch applied none of the occurrences is shown ever when the window is narrowed, aka, point 5 fails).

      Show
      0. Testing this requires hacking. 1. Edit theme/bootstrapbase/layout/columns3.php, adding this code @ different places, say 3 times: one @ before the end of the </header> tag. another after outputting the "side-post" blocks. the last one before the end of the </body> tag. Code to add: <div class="nav-collapse collapse">This should be collapsed in narrow window</div> 2. With the patch applied, caches purged and using any bootstrap-based theme, go to the site main page. 3. With full-width (>1000 aprox), you will see the 3 occurrences of the code above. 4. Narrow the window till the collapse-toogle button (up-right) is shown. The 3 occurrences are not visible now. 5. Press the collapse-toogle button, the 3 occurrences are shown in their original places. (without the patch applied none of the occurrences is shown ever when the window is narrowed, aka, point 5 fails).

    Description

      In the Bootstrap base theme, when the screen resolution is below 989px wide pressing the menu button only allows one section to be expanded / collapsed (as it uses Y.one). Converting this to use Y.all will allow multiple sections to be expanded / collapsed in narrower widths.

      Attachments

        Activity

          People

            brianb Brian Barnes
            brianb Brian Barnes
            Frédéric Massart Frédéric Massart
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Jetha Chan Jetha Chan
            Huong Nguyen, Bas Brands, Mathew May
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              8/Sep/14