Adding a link from JIRA to Confluence and back

Alex Agulyansky September 11, 2012

Hi,

I have an instances of JIRA and Conluence installed and properly integrated (I think).

Is there a way to have a links from one to the othe in the headers of each application? Ideally, to have similar header in general, so it at least feels like the same app. :)

Thanks,

Alex

2 answers

1 vote
MRJ September 17, 2012

Hi Alex,

I had the same question moving from Jira / Confluence On-demand to Download. I managed to do it with some HTML / CSS. (excuse my rusty HTML / CSS, feel free to improve :-)

In confluence:

Goto administration / layout -> edit "main layout"

Find <div id="header-precursor...

Replace with:

<div id="header-precursor" style="height:48px; background-color:#324641">

<div style="float:left; position: absolute; overflow: hidden;">

<a href="link-to-confluence"><img src="common-app-header-logo.png"/></a>

</div>

<div style="display: table; height: 48px; #position: absolute; margin-left:150px; overflow: hidden;">

<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: bottom;">

<div style=" #position: relative; #top: -50%">

<ul style="list-style:none; padding:0px; margin-top:0px;">

<li style="float:left; padding-bottom:2px;"><a href="link-to-jira" id="header-tab-inactive">Issues</a></li>

<li style="float:left;padding-bottom:2px;"><a href="link-to-confluence" id="header-tab-active">Wiki</a></li>

</ul>

</div>

</div>

</div>

</div>

Save and Goto administration / stylesheet

add this CC:

#header-tab-inactive{color: #FFF; background: #6ac7bb; padding: 4px 10px 4px 10px; margin-right:5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}

#header-tab-active{color: #FFF; background: #f37321; padding: 4px 10px 4px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px;}

Be aware that confluence pages with a theme override this CSS... so you have to manually add it to the projects that use a theme (havent figured out how to configure the master theme).

In Jira:

Add the html / css for the tabs to Jira. This needs to be 'hacked' to the the header jsp. (see https://answers.atlassian.com/questions/32665/common-user-interface-for-jira-confluence-bamboo)

Good luck :-)

0 votes
SarahA
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.
September 11, 2012

Hallo Alex

You can write a couple of simple plugins to do this. Here are some tutorials:

JIRA: https://developer.atlassian.com/display/JIRADEV/Plugin+Tutorial+-+Adding+your+own+Menu+Items+to+JIRA

Confluence: https://developer.atlassian.com/display/CONFDEV/Adding+Menu+Items+to+Confluence

I hope this helps.

Cheers, Sarah

Alex Agulyansky September 11, 2012

Any easy way to do it without coding? :)

Suggest an answer

Log in or Sign up to answer