nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How can I create a link in the Space sidebar that will be opened in a new tab?

Martim Schnack

When I insert a link anywhere in Confluence, the links always open in the same tab. We are using the Space sidebar links to store several assets about the project, like location of design files (Box.net), project canvas (mural.ly), etc..

Is there a way to make those links open in a new tab automatically?

Thanks!

Accepted answers

Matthew J. Horn

You set the "target" property of the <a> tag to "_blank". You can do this with jQuery in your custom HTML header. However, if you only want certain links to open in a new tab, that will require you to identify those links (either by class or ID).

Here's an example where I have all "external" links open in a new tab:

<!-- Add target="_blank" to the URLs so that external links open in new browser page -->
    AJS.$("a[class='external-link']").attr('target','_blank');

All comments

Matthew J. Horn

Here's an example where I have all "external" links open in a new tab:

<!-- Add target="_blank" to the URLs so that external links open in new browser page -->
    AJS.$("a[class='external-link']").attr('target','_blank');

Martim Schnack

How can I identify the sidebar links by class?

Martim Schnack

Ok... so no way to add a custom class, but I can see what the theme is defining and use it.

Thanks!

Matthew J. Horn

Right click and view source or view element. Look at the code and see what it says. In your particular implementation, I don't know if there's a specific class that they use, but this is where I would start.