Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

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

Martim Schnack
Contributor
February 11, 2014

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!

1 answer

1 accepted

1 vote
Answer accepted
Matthew J. Horn
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
February 11, 2014

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');
Martim Schnack
Contributor
February 11, 2014

How can I identify the sidebar links by class?

Martim Schnack
Contributor
February 12, 2014

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
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
February 12, 2014

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.

Davin Studer
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
February 13, 2014

You would probably need to do something like this.

AJS.$('.plugin_pagetree_children_content a:contains("##Page Title Here##")').attr('target','_blank');

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events