How to Add a Link to SharePoint 2013 Suite Bar?
Requirement: Add a link to SharePoint 2013 suite bar.
Solution: Edit SharePoint 2013 Master page to add a new link in Suite Bar
Adding link to suite bar in SharePoint 2013 can be achieved by following these simple steps:
Approach 2: Add New Link to SharePoint 2013 Suite Bar using jQuery
Edit and Place this jQuery in your master page, just above closing of HEAD tag (</head>).
Solution: Edit SharePoint 2013 Master page to add a new link in Suite Bar
Adding link to suite bar in SharePoint 2013 can be achieved by following these simple steps:
- Open your SharePoint 2013 site in SharePoint designer 2013. Navigate to "Master Pages" folder
- Right click on your master page (by default: Seattle.master) and choose "Edit file in Advanced Mode"
- Locate the text: id="DeltaSuiteLinks" and add the below code just below the DeltaSuiteLinks tag to add link to suite bar of SharePoint 2013
<span id="CustomerSupport" class="ms-core-suiteLink"> <a class="ms-core-suiteLink-a" href="http://support.crescent.com"> <asp:Label ID="lblCS" runat="server" Text="Customer Support"></asp:Label> </a> </span>
- Save and close SharePoint designer. This adds link to SharePoint 2013 suite bar and you should see the new link as below:
Approach 2: Add New Link to SharePoint 2013 Suite Bar using jQuery
Edit and Place this jQuery in your master page, just above closing of HEAD tag (</head>).
<script type="text/javascript" src="http://code.jquery.com/jquery-1.2.6.min.js"></script> <script type="text/javascript"> $(document).ready(function() { //Define new links var newLinks = "<li class='ms-core-suiteLink'> \ <a class='ms-core-suiteLink-a' href='http://extranet.crescent.com'>Extranet</a> \ </li> \ <li class='ms-core-suiteLink'> \ <a class='ms-core-suiteLink-a' href='http://support.crescent.com'>Customer Support</a> \ </li> "; $('.ms-core-deltaSuiteLinks').prepend(newLinks); alert('works'); }); </script>
No comments:
Please Login and comment to get your questions answered!