Friday, October 25, 2013

Change "SharePoint" Branding Text in SharePoint 2013 Suite Bar

Ever wanted to change the "SharePoint" branding text in Suite bar (in top-left position) of SharePoint 2013 site?

sharepoint 2013 add link to suite bar powershell

Well, You can set the web application's SuiteBarBrandingElementHtml property with PowerShell/Object model code, to change the text "SharePoint" shown in top left banner of  SharePoint 2013 sites.

Customizing the SharePoint 2013 suite bar branding using PowerShell:
Here is the PowerShell script to add link to suite bar in SharePoint 2013.

Add-PSSnapin Microsoft.SharePOint.PowerShell
#Get the Web Application
$webApp = Get-SPWebApplication "http://extranet.crescent.com/"

#Set the "SharePoint" text Property 
$webApp.SuiteBarBrandingElementHtml = "Crescent Extranet"

# You can also replace it with Clickable Hyperlink - Images
# $webApp.SuiteBarBrandingElementHtml = '<div class="ms-core-brandingText"><a href="http://extranet.crescent.com"><img src="http://extranet.crescent.com/SiteAssets/crescent_logo.png"/></a></div>'  

#Update changes
$webApp.Update()

Here is the result in action:
customizing the sharepoint 2013 suite bar branding using powershell
JQuery method with SharePoint 2013 Master page to customizing the SharePoint 2013 suite bar branding:
To change the "SharePoint" branding text in suite bar, you can also use jQuery. Just open your master page in SharePoint designer, locate </head> tag and place this code in it.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.2.6.min.js"></script>

<script type="text/javascript">
 $(document).ready(function() {
 var suiteBar = $("#suiteBar").find(".ms-core-brandingText");
 suiteBar.html("<a style='color:white' href='https://extranet.crescent.com'>Crescent Extranet</a>");   
  });
</script>
Using CSS to replace "SharePoint" Branding Text: Place this CSS in your Master page.
  <style>
     .ms-core-brandingText {
           text-indent: -95px;
       }
    .ms-core-brandingText:after {  
          content: " Crescent Inc.";
    }
 </style> 

BTW, Its actually a delegate control which can be replaced with an user control solution built in Visual Studio, In case you need a solution based approach. More info here: SuiteBarBrandingDelegate Delegate Control



You might also like:
SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Document SharePoint Farm
Automatically generate SharePoint documentation.
*Sponsored


Check out these SharePoint products:

No comments :

Post a Comment

Please Login and comment to get your questions answered!

You might also like:

Related Posts Plugin for WordPress, Blogger...