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
427 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
  • 2
4 Comments
 
LVL 50

Accepted Solution

by:
teylyn earned 500 total points
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
Outstanding .
Thank you.
0

Featured Post

Get up to 2TB FREE CLOUD per backup license!

An exclusive Black Friday offer just for Expert Exchange audience! Buy any of our top-rated backup solutions & get up to 2TB free cloud per system! Perform local & cloud backup in the same step, and restore instantly—anytime, anywhere. Grab this deal now before it disappears!

Join & Write a Comment

I have just recently built a new SharePoint 2007 farm on a complete Windows 2008 R2 server platform and part of my standard build procedure is to implement a warm up routine, usually in the form of a script that is scheduled every morning to launch …
Summary In SharePoint 2010 it is easy to create custom color themes to jazz up a site. Theme colors can also be created in PowerPoint 2010 with a few clicks. But how do the chosen colors actually look in the SharePoint site? The attached PowerPoint…
Here's a very brief overview of the methods PRTG Network Monitor (https://www.paessler.com/prtg) offers for monitoring bandwidth, to help you decide which methods you´d like to investigate in more detail.  The methods are covered in more detail in o…
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …

771 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now