Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Deleted user
0 / 0 points
Next:
badges earned

Your Points Tracker
Challenges
Leaderboard
  • Global
  • Feed

Badge for your thoughts?

You're enrolled in our new beta rewards program. Join our group to get the inside scoop and share your feedback.

Join group
Recognition
Give the gift of kudos
You have 0 kudos available to give
Who do you want to recognize?
Why do you want to recognize them?
Kudos
Great job appreciating your peers!
Check back soon to give more kudos.

Past Kudos Given
No kudos given
You haven't given any kudos yet. Share the love above and you'll see it here.

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

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

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

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

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

easy to do in confluence

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

that's great, thank you!

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.

Hi Jack/Matt,

 

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

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 .

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

HI Jack Nolddor _Sweet Bananas_,

Please disregard. I have figured it out. 

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
TAGS

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you