SharePoint Experts, Information Architects, Expert Witness

We provide consulting in a broad array of business and technology from architecture to design to deployment of global systems with a focus on surfacing data in the enterprise. Specialists in Microsoft, we are a premier provider of SharePoint Expertise (including 2016 and Office 365). We also provide Expert Witness/Legal Expert in eDiscovery, source discovery, patent infringement, piracy and more! We also have established SICG DLDS s.a. - our counterpart in Costa Rica that specializes in water systems (http://www.crwatersolutions.com) - Contact me direct: david_sterling@sterling-consulting.com or call 704-873-8846 x704.

Search This Blog

Thursday, February 1, 2018

Add a page title to your master page (SharePoint & SharePoint Online)

Ever get a bit annoyed with the ribbon in SharePoint blocking the page/list/whatever title? Can't tell what folder (gasp you use folders?) you are in? It can be quite difficult for new users. So quick fix - simply edit your Master to add a little snip it as follows.

Edit your master using Designer. Make a copy of the master you are using now and create a new one. In the code, find the line below and paste in the code snippet - modify the style as you see fit:

RIGHT AFTER THIS LINE:
<SharePoint:AjaxDelta runat="server" id="DeltaSuiteLinks" BlockElement="true" CssClass="ms-core-deltaSuiteLinks">

PASTE THIS IN:
<span id="pageDisplayName" style='text-align:left;'></span>
<style type="text/css">
.TopPageLinkStyle { font-weight:bold; text-decoration:none; }
a.TopPageLinkStyle { color:#ffffff; }
a.TopPageLinkStyle:visited { color:#ffffff; } 
a.TopPageLinkStyle:hover { color:#00FFFF; } 
a.TopPageLinkStyle:active { color:#00FFFF; } 
</style>
<script type='text/javascript'>
var trimIt = document.title;
if (trimIt.length > 0)
{
var pgUrl = window.location.href;
var dispIt = trimIt;
document.getElementById("pageDisplayName").innerHTML = "Current Location: <a href='" + pgUrl + "' class='TopPageLinkStyle'>" + dispIt + "</a>" + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";;
}
</script>

AND IT MUST BE BEFORE THIS LINE:
<div id="suiteLinksBox">

Save your new master and publish it. Navigate to your site and try it out on a sub site - the result should be something like this:


Notice that the name is a link - it allows one click away from going back instead of having to click the ribbon. Also, check it out in a List! Enables getting back to the main view quickly (and includes it in the title):


No comments: