Solved

How to remove top bar that has Browse , Page , Share , Follow ,Sync and Edit on a particular page on SharePoint 2013?

Posted on 2015-01-12
4
933 Views
Last Modified: 2015-01-13
I's there a way to remove the whole are and space that includes all the above which are all on one line?
I would like to move up my content closer to the top ?

Thanks again!
0
Comment
Question by:colonelblue
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 50

Accepted Solution

by:
Ingeborg Hawighorst (Microsoft MVP / EE MVE) earned 500 total points
ID: 40546092
Hello,

Yes, there is.  Before going into the details, though, I want to make you aware that some areas in a SharePoint page are shared by different kinds of functionality. If you hide the overall container, you will then not see other stuff that gets placed into that container when certain conditions apply.

In this example, you can use the CSS as follows:

<style>
/*
#s4-titlerow {
display: none !important; 
}
.ms-core-navigation { DISPLAY: none }
#contentBox { margin-left: 0px }
*/
#s4-ribbonrow {
display:none !important; 
}
</style>

Open in new window


The stuff I commented out is from your previous questions.

Screenshot before CSS is applied
before
screenshot after CSS is applied
after
Now we are hiding the ribbonrow container, which contains a boat load of other stuff, depending on what is going on with the page.

It's easy to hide it, but do you really need to?  Just be aware that you may be shooting yourself in the foot by hiding that part of the SharePoint page.  There may be other/better ways.

SharePoint works with permissions and will only show the user the things that they are allowed to work with. The end user may not even see that space in the first place. You may be getting your thoughts in a twist just because you have elevated permissions that show you this bar all the time. Your final customer may not even see it.

Also, you can post questions here about "how do I hide <this particular element> on the SharePoint page". We can do this forever.

We can feed you fish. But we can also try to teach you how to use a fishing net or rod yourself.

Open the page with IE. Hit F12 for the Developer Tools. You can now click elements on the page and see what CSS classes are applied to that element. Use CSS to manipulate these. Sometimes you need to manipulate the parent element.

Do a quick internet search to find some instructions for the Developer Tools for the IE browser you are using. IE 11 has introduced some changes and is quite different from previous versions. But it can be learned. You just need to use it.

If you want to be comfortable with customizing SharePoint appearance, I strongly suggest that you learn how to use the F12 tools to identify the page elements you need to address.

cheers, teylyn
0
 
LVL 8

Expert Comment

by:Jayaraja Jayaraman
ID: 40546661
All you need to do is to follow these steps :)

Open the master page, find the div tag:
Put the following around it:
<Sharepoint:SPSecurityTrimmedControl runat="server" Permissions="ManageWeb">
<div id="s4-ribbonrow" …</div>
</SharePoint:SPSecurityTrimmedControl>
or you can follow this Blog, it shows you three ways of doing it but I guess you dont want to use javascript as once I used it and it broke few things.
http://blogs.msdn.com/b/sharepointdev/archive/2012/04/30/how-to-hide-the-ribbon-in-sharepoint-2010-rajeswari-mohandas.aspx
0
 

Author Comment

by:colonelblue
ID: 40546872
Thank you very much Teylyn.
And indeed  I'd much rather learn to fish. So thank you.
Alas I will need to ask another question because I don't CSS will do it for this single page.
Using Firefox I have isolated that the left navbar is  in a div Iid called contentRow and a div in it called sideNavBox.
I am trying to place a logo over that sideNav - quick launch after removing the title of and ribbon.
0
 

Author Closing Comment

by:colonelblue
ID: 40546874
Outstanding .
Thank you.
0

Featured Post

SharePoint Admin?

Enable Your Employees To Focus On The Core With Intuitive Onscreen Guidance That is With You At The Moment of Need.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Last week I faced a strange issue recently, i have deployed SharePoint 2003 servers for one project and one of the requirements was to open SharePoint site from same server. when i was trying to open site from the same server i was getting authentic…
A recent project that involved parsing Tableau Desktop and Server log files to extract reusable user queries for use in other systems. I chose to use PowerShell to gather the data, and SharePoint to present it...
In this video you will find out how to export Office 365 mailboxes using the built in eDiscovery tool. Bear in mind that although this method might be useful in some cases, using PST files as Office 365 backup is troublesome in a long run (more on t…
Sometimes it takes a new vantage point, apart from our everyday security practices, to truly see our Active Directory (AD) vulnerabilities. We get used to implementing the same techniques and checking the same areas for a breach. This pattern can re…

617 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question