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
479 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:
Ingeborg Hawighorst 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

Complete VMware vSphere® ESX(i) & Hyper-V Backup

Capture your entire system, including the host, with patented disk imaging integrated with VMware VADP / Microsoft VSS and RCT. RTOs is as low as 15 seconds with Acronis Active Restore™. You can enjoy unlimited P2V/V2V migrations from any source (even from a different hypervisor)

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Dynamic content on SharePoint 2013 13 76
SharePoint JSOM error 7 54
DataTables Form Input issue. 3 51
CMAL Query - Jsom 1 56
I recently came across an issue with a MOSS 2007 deployment where access into some sub-sites were denied, even for the MOSS farm administrators. A bit of background to the setup of this MOSS farm; this was a three server setup, consisting of a fr…
For SharePoint sites, particularly public-facing ones, there are times when adding JavaScript, Meta Tags, CSS Styles or other content to the page <head> section is more practical than modifying master pages.  For instance, you could add the jQuery l…
This Micro Tutorial demonstrates using Microsoft Excel pivot tables, how to reverse engineer competitors' marketing strategies through backlinks.
In this video I am going to show you how to back up and restore Office 365 mailboxes using CodeTwo Backup for Office 365. Learn more about the tool used in this video here: http://www.codetwo.com/backup-for-office-365/ (http://www.codetwo.com/ba…

911 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

17 Experts available now in Live!

Get 1:1 Help Now