Skip Ribbon Commands
Skip to main content

Marcel | zevenseas | SharePoint Blog

:

The zevenseas Community > Blogs > Marcel | zevenseas | SharePoint Blog > Posts > How to minimize your SharePoint 2010 ribbon
August 17
How to minimize your SharePoint 2010 ribbon

Wow, this is my first blogpost. So let me start of with a short introduction of myself. My name is Marcel Tielman and I am a passionate front end developer.
Recently I joined the zevenseas guys and I am anxious in getting into the SharePoint vibe. The guys injected me with the SharePoint flu.

After some knowledge sharing about SharePoint 2010 I noticed as a front-end guy the office ribbon. It’s great to see the office products are being integrated also from a UI perspective. One remark that I have is that Ribbon is consuming quite some screenspace, especially on smaller screen resolutions.

Did you know that you can double click on a tab of the ribbon itself, which hides the menu buttons? Unfortunately this hides menu buttons only but the ribbon space is still there unlike the Office client tools like word and excel.

default_ribbon

word_minimized_ribbon

So there you have it, the idea to minimize the ribbon space is born. The challenge for me was to use the screen / content space even more efficiently.

I came up with the Show/Hide Ribbon feature which enables you to easily show the ribbon or hide it when you don’t need it. The cool thing is that it even remembers the state (whether the ribbon is open or close) when you navigate from one page to another.

ribbon-close

ribbon-open

The solution is using jquery to write the panel for the ribbon, jquery is being added to the page via a usercontrol. Unfortunately it is not a sandbox solution because the usercontrol is being added via a delegate since I wanted to leave the masterpage alone.

I am already working on the next version which will be sandbox enabled by making use of Daniel’s awesome solution. You can grab this solution for FREE from codeplex.

I hope you will like it and please let me know if you have any feedback, questions or ideas.

Comments

Johan van Dijke

Great post Marcel! A must have for SP 2010.
System Account on 8/17/2010 4:26 AM

John Liu

Nice article:

I was reading at this thinking about a possible Auto-Hide option. 

So with my windows task bar autohide (down), and my ribbon autohide (up), I can devote my entire screen to SharePoint :-)
System Account on 8/17/2010 4:06 PM

Mark van Lunenburg

hahaha indeed.

So I am using windows taskbar autohide, IE full screen (F11) and this tool. Talking about screen efficiency :)
System Account on 8/18/2010 2:44 AM

hhhhhhhhh

hhhhhhhhhhh
 on 10/1/2010 7:21 AM

Error when activating feature

I think that this is a really great capability. I ran into an issue and I was wondering if there is something that I did wrong or if it is a known issue.

This is what I did:
1. Download the .wsp file
2. Added the solution using PowerShell
Add-SPSolution -LiteralPath "C:\zsShowHideRibbon.wsp"
3. Installed the solution using PowerShell
Install-SPSolution -Identity zsShowHideRibbon.wsp -WebApplication http://mywebapplication/ -GACDeployment
4. Went into the site feature setting of the site to activate the feature

It was when I when I tried to activate the feature that I ran into an error. Part of the text was:
Server Error in '/' Application.
--------------------------------------------------------------------------------

<nativehr>0x81070588</nativehr><nativestack></nativestack>Failed to instantiate file "css/slide.css" from module "StyleLibraryFiles": The specified list does not exist.

I think that this is a really great capability which my users have also been asking for. Is this a known issue with this release or is there something I did wrong when deploying this solution?  Thanks. 
 on 10/8/2010 3:39 PM

Error when applying feature to site

Failed to instantiate file "css/slide.css" from module "StyleLibraryFiles": The specified list does not exist.

I was able to use the feature at the site collection level, but not at a child site level.  I get the error above.

 on 3/1/2011 7:02 AM

Error when applying feature to site

Failed to instantiate file "css/slide.css" from module "StyleLibraryFiles": The specified list does not exist.

I get the same error when trying use the feature at a child site level.  Anybody figured out a fix?
 on 4/12/2011 9:38 AM

Error when applying feature to site

Any solutions yet on applying at the child site level?
 on 5/10/2011 11:53 AM

black timberland boots

<p>We're at war with the most dangerous enemy that <a href="http://www.timberland.cm/">timberland boots</a> has ever faced mankind in his long climb from the swamp to the stars, and it's been said if we lose that war, and in so doing lose this way of freedom of ours, <a href="http://www.timberland.cm/Timberland-Men's-6-Inch-Premium-Boots-9.html">super timberland boots</a> will record with the greatest astonishment that those who had the most to lose did the least to prevent its happening. Well I think it's time we ask ourselves if we still know the freedoms that <a href="http://www.timberland.cm/Timberland-Men's-6-Inch-Premium-Boots-5.html">timberland boots 6 inch</a> were intended for us by the Founding Fathers. Not too long ago, two friends of mine were talking to <a href="http://www.timberland.cm/Timberland-Men's-3-Eye-Classic-Lug.html">timberland 3 eyes shoes</a>, a businessman who had escaped from Castro, and in the midst of his story one of my friends turned to the other and said, We don't know how lucky <a href="http://www.timberland.cm/Timberland-Men's-3-Eye-Classic-Lug.html">timberland boots cheap</a> are. And the Cuban stopped and said, How lucky you are? I had someplace to escape to. And in that sentence he told us the entire story. If we lose freedom here, there's no place to escape to. <a href="http://www.timberland.cm/Timberland-Men's-3-Eye-Classic-Lug.html">timberland 3 eyes oxford</a> is the last stand on earth. And this idea that government is beholden to the people, that <a href="http://www.timberland.cm/Timberland-Men's-6-Inch-Premium-Boots.html">timberland mens boots</a> has no other source of power except the sovereign people, is still the newest and the most unique idea in all the long history of man's relation to man. This is the issue of this election: Whether <a href="http://www.timberland.cm/">timberland stores</a> believe in our capacity for self-government or whether we abandon the American revolution and confess that a little <a href="http://www.timberland.cm/Timberland-Men's-3-Eye-Classic-Lug.html">timberlands for men</a> in a far-distant capitol can plan our lives for us better than we can plan them ourselves. In this vote-harvesting time, they use terms like the Great Society, or as <a href="http://www.timberland.cm/Timberland-Men's-6-Inch-Premium-Boots/Timberland-Mens-Authentic-6Inch-Boot-Black-Smooth.html">black timberland boots</a> were told a few days ago by the President, we must accept a greater government activity in the affairs of the people. But <a href="http://www.timberland.cm/Timberland-Men's-6-Inch-Premium-Boots-3.html">timberland boot company</a> has been a little more explicit in the past and among themselves and all of the things I now will quote have appeared in print.</p>
 on 8/3/2011 1:42 AM

Doesn't show up where you'd think it would show up

I couldn't get this to work because i was looking in "Site Collection Administration > Site Collection Features" because that's where every sharepoint solution i've used has been.

HOWEVER, I did find this under "Site Actions > Manage Site features"

Hopefully this helps some of you guys out.
 on 12/21/2011 3:43 PM
1 - 10Next

Add Comment

Title


Body *


CommentUrl


Attachments

 

 Statistics