In the Hub navigation, how to open a link in a new window?

Question

Hi there

In a SharePoint Online site, in the Hub navigation, how to open a link in a new window?

Thanks.

Answer 1

Hi @frob ,

Inject below JS code to the page:

<script language="JavaScript">  
var a = document.getElementByClassName("<classname>")  
a.setAttribute("target",'_blank');  
</script>  

ALTERNATIVE WAYS: right click the link and select "Open link in new tab" or hold down the CTRL key before clicking the link in a browser, the link opens in a new tab.

----------

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

@frob Microsoft is releasing a new feature using which you can configure navigation links to open in a new browser tab - in SharePoint online modern experience.

So, now you don't need to inject custom JavaScript or CSS (which is not recommended by Microsoft).

Follow this article for more information & feature release timeline: SharePoint: Configure Navigation Links to Open in a New Tab