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() {
$('#toggleToolMenu').toggle(function(e){
e.preventDefault();
$('#toolMenuWrap', window.parent.document).css(
);
$('#content', window.parent.document).css(
);
}, function(e) {
e.preventDefault();
$('#toolMenuWrap', window.parent.document).css(
);
$('#content', window.parent.document).css(
);
});
});
</script>
<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.
- is depended on by
-
SAK-19156 Add Capability for Tools to Request Maximized Mode
-
- CLOSED
-
-
SAK-23948 Request Maximum Tool Area from the Portal when launching an external tool
-
- CLOSED
-
- is related to
-
SAK-19658 Tool collapse icon makes layout jump.
-
- CLOSED
-
-
SAK-19187 hide navigation does not manipulate subsite tool links correctly
-
- CLOSED
-
-
SAK-19162 Visual indicator on tool icon when site is minimized needs to be stronger.
-
- CLOSED
-
-
SAK-19193 Change Default for Expand / Contract in the Portal and Improve Icons
-
- CLOSED
-
- relates to
-
SAK-19136 Add show/hide page navigation controller
-
- CLOSED
-