Thank You For Stopping By

Marwan Ghayad

IT Functional and Technical Consultant

Resume

Resume

MS Transcription

MS Transcription

Instagram

  • Instagram Image
  • Instagram Image
  • Instagram Image
  • Instagram Image
  • Instagram Image

Adding link to suite bar in SharePoint 2013

Adding new links to top navigation bar “suite bar”, by adding jQuery code into your SharePoint master page , on the below example, we add “home” link beside newsfeed that links to our SharePoint portal main page

newlink2

Steps:

  1. “jQuery” java script file is required, download this js file and upload it on your site  js library  jquery-min
  2. Edit your master page using SharePoint designer and paste the below code before </head>  section
  3. Save and publish your page …

<script type=”text/javascript” src =”js/jquery.min.js”>

</script>

<script type=”text/javascript”>

$(document).ready(function() {

var newLinks = ” \

<li class=’ms-core-suiteLink’> \

<a class=’ms-core-suiteLink-a’ href=’add your link address’> new link name </a> \

</li> “;

$(‘.ms-core-deltaSuiteLinks’).prepend(newLinks);

});

</script>

newlink

Note:

  • You may need to add this code to Site and System Master Pages if they are deferent
  • You can add more link by adding new li <li class=’ms-core-suiteLink’><a class=’ms-core-suiteLink-a’ href=’new address’>new link name</a></li>   before “;

 

Post a comment or contact me for any questions or help that we can provide for you, hope those information are helpful for you,..See you again on new post

Leave a Reply