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
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              8/Sep/14