[Building Sakai] Hide tool menu

Steve Swinsburg steve.swinsburg at gmail.com
Tue Jun 22 16:28:07 PDT 2010


I've jira'd this as
http://jira.sakaiproject.org/browse/SAK-18687

I made a note in the comment about another possible alternate solution that involves a hidden div containing only the icons being created by the portal when it renders the toolmenu, and swapping that div out when required. 

cheers,
Steve


On 22/06/2010, at 10:39 PM, Kevin P. Foote wrote:

> FWIW..
> 
> I know its and entirely different UI experience.. but the 'My CamTools'
> UI did this exact thing .. 
> 
> "collapse the menu down to a format where only the icons are visible"
> 
> Would be great to see it in the 2.8 UI :-)
> 
> ------
> thanks
>  kevin.foote
> 
> On Tue, 22 Jun 2010, Steve Swinsburg wrote:
> 
> -> As Chuck mentioned, I think something like this would be pretty neat to get into 2.8. I'm imagining an enhancement where you could collapse the menu down to a format where only the icons are visible, then expand it back out again, similar to how it appears in Blackboard (but better ;).
> -> 
> -> cheers,
> -> Steve
> -> 
> -> 
> -> On 22/06/2010, at 4:15 PM, Jaques Smith wrote:
> -> 
> -> > Super, thanks Gonzalo.
> -> > 
> -> > -----Original Message-----
> -> > From: Silverio, Gonzalo [mailto:gsilver at umich.edu] 
> -> > Sent: 21 June 2010 10:16 PM
> -> > To: Jaques Smith
> -> > Subject: Re: [Building Sakai] Hide tool menu
> -> > 
> -> > Hi,
> -> > 
> -> > 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({'width':'2px','overflow':'hidden'});			
> -> > 				$('#content', window.parent.document).css({'margin-left':'1em'});
> -> > 			}, function(e) {
> -> > 				e.preventDefault();
> -> > 				$('#toolMenuWrap', window.parent.document).css({'width':'11em'});			
> -> > 				$('#content', window.parent.document).css({'margin-left':'12.3em'});
> -> > 
> -> > 			});
> -> > 	});
> -> > 	</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.
> -> > 
> -> > Thanks.
> -> > 
> -> > 	-Gonzalo
> -> > 
> -> > On Jun 21, 2010, at 4:03 AM, Jaques Smith wrote:
> -> > 
> -> >> Hi all,
> -> >> 
> -> >> Is it possible to show-hide/open-close the tool menu in a site in Sakai 2.6? The idea would be that there is a clickable item in the tool to hide the menu so the tool has more realastate and the same again to show the menu.
> -> >> 
> -> >> Thanks,
> -> >> Jaques
> -> >> <ATT00001..txt>
> -> > 
> -> > _______________________________________________
> -> > sakai-dev mailing list
> -> > sakai-dev at collab.sakaiproject.org
> -> > http://collab.sakaiproject.org/mailman/listinfo/sakai-dev
> -> > 
> -> > TO UNSUBSCRIBE: send email to sakai-dev-unsubscribe at collab.sakaiproject.org with a subject of "unsubscribe"
> -> 
> -> _______________________________________________
> -> sakai-dev mailing list
> -> sakai-dev at collab.sakaiproject.org
> -> http://collab.sakaiproject.org/mailman/listinfo/sakai-dev
> -> 
> -> TO UNSUBSCRIBE: send email to sakai-dev-unsubscribe at collab.sakaiproject.org with a subject of "unsubscribe"
> -> 



More information about the sakai-dev mailing list