Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-18687

Ability to collapse site navigation



    • Type: Feature Request
    • Status: CLOSED
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 2.8.0
    • Component/s: Portal
    • Labels:
    • Property addition/change required:


      This came up on list, the ability to collapse the side menu. I remarked that it would be nice to be able to collapse the side navigation so only the icons are visible.

      Heres one possible solution from Gonzalo:

      In your tool add the following:

      <script type="text/javascript" src="/library/js/jquery.js"></script>
      <script type="text/javascript">
      $(document).ready(function() {
      $('#toolMenuWrap', window.parent.document).css(


      $('#content', window.parent.document).css(


      }, function(e) {
      $('#toolMenuWrap', window.parent.document).css(


      $('#content', window.parent.document).css(




      <a id="toggleToolMenu" href="#">Toggle full width</a>

      This should work in 2.6 - the above measurements assume the default Sakai skin - you will need to adjust for your case.

      However, for those that do adjust the skin, this requires some work to get right, for instance we have our icons on the left, not the right.
      So I propose that a separate div be created at render time that contains only the icons from the toolmenu and when the 'collapse' function is required, it replaces the full navigation div with the smaller one. This should cater for all cases where people adjust the toolmenu.

        Gliffy Diagrams


          1. blackboard-collapsed.png
            11 kB
            Steve Swinsburg
          2. Collapsed_navigation_SAK-18687_2-7-1.rar
            11 kB
            Daniel Merino Echeverría
          3. collapsed-menu.jpg
            13 kB
            Vivie Sinou
          4. default.png
            19 kB
            Steve Swinsburg
          5. expand-menu.jpg
            21 kB
            Vivie Sinou
          6. HomeLinkMissing.png
            87 kB
            Brian Richwine
          7. left-icons.png
            22 kB
            Steve Swinsburg
          8. nav-collapse-menu-pane.gif
            6 kB
            Steve Swinsburg
          9. safari-oops.png
            17 kB
            Charles Severance
          10. sakai-nav-max.png
            47 kB
            Charles Severance
          11. sakai-nav-min.png
            43 kB
            Charles Severance
          12. style regression.png
            10 kB
            Steve Swinsburg

            Issue Links



                • Assignee:
                  csev Charles Severance
                  steve.swinsburg Steve Swinsburg
                • Votes:
                  1 Vote for this issue
                  8 Start watching this issue


                  • Created:

                    Git Source Code