/
JIRA Notification Banner

JIRA Notification Banner

By Former user (Deleted)

With Custom JS for JIRA, you can also add notification messages to inform your users of important events etc. These notifications have a title and content, the content can contain HTML-markup.

You can choose the style of the message

  • Info: blue background
  • Error: red background
  • Warning: yellow background
  • Success: green background

You can also choose to insert the message above or below the JIRA bar.

Information Message

Above the JIRA bar

var title = "This is a title in a info message";
var body = "<p>And this is just content in a info message</p>";

//Don't change the code below this line
AJS.$(document).ready(function () {
  AJS.$('#jira').prepend('<div id="aui-message-bar"></div>');
  AJS.messages.info({
    title: title,
    body: body
  });
});

Below the JIRA bar

var title = "This is a title in a info message";
var body = "<p>And this is just content in a info message</p>";

//Don't change the code below this line
AJS.$(document).ready(function () {
  AJS.$('#content').prepend('<div id="aui-message-bar"></div>');
  AJS.messages.info({
    title: title,
    body: body
  });
});

Error message

Above the JIRA bar

var title = "This is a title in a error message";
var body = "<p>And this is just content in a error message</p>";

//Don't change the code below this line
AJS.$(document).ready(function () {
  AJS.$('#jira').prepend('<div id="aui-message-bar"></div>');
  AJS.messages.error({
    title: title,
    body: body
  });
});

Below the JIRA bar

var title = "This is a title in a error message";
var body = "<p>And this is just content in a error message</p>";

//Don't change the code below this line
AJS.$(document).ready(function () {
  AJS.$('#content').prepend('<div id="aui-message-bar"></div>');
  AJS.messages.error({
    title: title,
    body: body
  });
});

Warning Message

Above the JIRA bar

var title = "This is a title in a warning message";
var body = "<p>And this is just content in a warning message</p>";

//Don't change the code below this line
AJS.$(document).ready(function () {
  AJS.$('#jira').prepend('<div id="aui-message-bar"></div>');
  AJS.messages.warning({
    title: title,
    body: body
  });
});

Below the JIRA bar

var title = "This is a title in a warning message";
var body = "<p>And this is just content in a warning message</p>";

//Don't change the code below this line
AJS.$(document).ready(function () {
  AJS.$('#content').prepend('<div id="aui-message-bar"></div>');
  AJS.messages.warning({
    title: title,
    body: body
  });
});

Success Message

Above the JIRA bar

var title = "This is a title in a success message";
var body = "<p>And this is just content in a success message</p>";

//Don't change the code below this line
AJS.$(document).ready(function () {
  AJS.$('#jira').prepend('<div id="aui-message-bar"></div>');
  AJS.messages.success({
    title: title,
    body: body
  });
});

Below the JIRA bar

var title = "This is a title in a success message";
var body = "<p>And this is just content in a success message</p>";

//Don't change the code below this line
AJS.$(document).ready(function () {
  AJS.$('#content').prepend('<div id="aui-message-bar"></div>');
  AJS.messages.success({
    title: title,
    body: body
  });
});

Fadeout

You can choose to let the message dissapear automatically, by adding the fadeout parameter.

var title = "This is a title in a success message";
var body = "<p>And this is just content in a success message</p>";

//Don't change the code below this line
AJS.$(document).ready(function () {
  AJS.$('#content').prepend('<div id="aui-message-bar"></div>');
  AJS.messages.success({
    title: title,
    body: body,
    fadeout: true
  });
});

Related content

User guide
User guide
Custom JavaScript for JIRA
More like this
Dynamic Dropdowns
Dynamic Dropdowns
Custom JavaScript for JIRA
Read with this
Getting started with Custom JS for JIRA
Getting started with Custom JS for JIRA
Custom JavaScript for JIRA
More like this
Converting Tempo Scripted Attributes to Custom JavaScript for JIRA
Converting Tempo Scripted Attributes to Custom JavaScript for JIRA
Custom JavaScript for JIRA
Read with this
Installation Guide
Installation Guide
Custom JavaScript for JIRA
More like this
Installing Custom JavaScript for JIRA through the Atlassian Marketplace
Installing Custom JavaScript for JIRA through the Atlassian Marketplace
Custom JavaScript for JIRA
More like this