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

Add the ability to collapse multiple sections at once

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.6.4, 2.7.1, 2.8
    • Fix Version/s: 2.6.5, 2.7.2
    • Component/s: Themes
    • Labels:
    • Testing Instructions:
      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).
    • Affected Branches:
      MOODLE_26_STABLE, MOODLE_27_STABLE, MOODLE_28_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE, MOODLE_27_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      m28_MDL-46900

      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

            • Assignee:
              brianb Brian Barnes
              Reporter:
              brianb Brian Barnes
              Peer reviewer:
              Frédéric Massart
              Integrator:
              Eloy Lafuente (stronk7)
              Tester:
              Jetha Chan
              Participants:
              Component watchers:
              Amaia Anabitarte, Bas Brands, Carlos Escobedo, Sara Arjona (@sarjona), Víctor Déniz Falcón
            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:
                Fix Release Date:
                8/Sep/14