Thank You For Stopping By

Marwan Ghayad

IT Functional and Technical Consultant

Resume

Resume

MS Transcription

MS Transcription

Instagram

Instagram has returned invalid data.

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