Forums

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

how to i get jira to have a banner at the top of the screen?

mat w October 1, 2019

i would like to add a banner above the jira menu bar. how can i do this.

i would like the same as the attached image in jira

Capture.PNG

1 answer

1 accepted

2 votes
Answer accepted
Jack Nolddor _Sweet Bananas_
Atlassian Partner
October 1, 2019

Hi mat,
Please refer to the following document to learn how to add a banner message

 

EDIT:

If you want to display the message at the top of your page, just put JS code at the bottom of the announcement to do the trick:

<script>
AJS.toInit(function(){
var $banner = AJS.$('#announcement-banner');
var $header = AJS.$('#header');

$header.before($banner);
});
</script>


Does it work for you?
Regards

mat w October 1, 2019

thanks but that below the jira menu bar. i would like it above. like in the attached screen shot. 

easy to do in confluence

Jack Nolddor _Sweet Bananas_
Atlassian Partner
October 1, 2019

I've edited my previous response to show you how to move the banner content to the before the header.

I hope this help.
Regards

mat w October 2, 2019

that's great, thank you!

Roja Gurram
Contributor
October 8, 2020

Hi Jack Nolddor _Sweet Bananas_,

Same question as Mat requested above. I need put the BANNER above Jira menu bar. Can you please help as ASAP.

Roja Gurram
Contributor
October 8, 2020

Hi Jack/Matt,

 

Can you please help on this.  With the above Script not worked for me.

Jack Nolddor _Sweet Bananas_
Atlassian Partner
October 9, 2020

This example works for me,  my actual announcement bannner content:

 

<span>This is a custom message displayed on the top of any page.</span>

<script>
AJS.toInit(function(){
var $banner = AJS.$('#announcement-banner');
var $header = AJS.$('#header');

$header.before($banner);
});
</script>


Kind Regards .

Roja Gurram
Contributor
October 9, 2020

HI Jack Nolddor _Sweet Bananas_,

 

It worked for me too and attached snippet for your reference. However, how do i set the background colour for this please ? 

 

MN.PNG

Roja Gurram
Contributor
October 9, 2020

HI Jack Nolddor _Sweet Bananas_,

Please disregard. I have figured it out. 

Guss Moro
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
April 23, 2021

I tried to create the banner, but I needed a jira amin access, and this is not allowd to be giving to us in th company i work for, damn it 

Suggest an answer

Log in or Sign up to answer