nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Is possible to show a custom toast from Javascript?

Renan Gomes

I would like to show a custom message from a Javascript file. Like this:

But with a custom message. There's any "trigger" for this?

function something(){
JIRA.trigger(JIRA.Events.REFRESH_ISSUE_PAGE, [JIRA.Issue.getIssueId()]);
   // show a custom message here.
}

Accepted answers

All comments

Alexey Matveev

You can show a custom message like this:

AJS.messages.info("#a-custom-context", {
title: 'This is a title in a default message.',
body: ' And this is just content in a Default message.'
});

You can read more info here:

https://docs.atlassian.com/aui/7.8.0/docs/messages.html

Renan Gomes

I think I understand.

First, i need to insert a html element (a div, for example).
And then, use this "div" to create the message?

Alexey Matveev

From the link I gave you:

There are a few ways to implement messages: using HTML (or Soy to generate the HTML) or using JavaScript.

1. using HTML

<div class="aui-message aui-message-error">

Error!

And this is just content in a Default message.
</div>

All you need to insert this div into html code and hide it. Then when needed you can show it

2. Use Java Script. You do not need to create a div. You just call this Java Script code:

AJS.messages.info({
title: 'This is a title in a default message.',
body: ' And this is just content in a Default message.'
});

Renan Gomes

I tried, but nothing happens.
I need to install anything on my JIRA application?

AJS.messages.info({
   title: 'Testing.',
   body: '<p>Testing, testing, testing...</p>'
});

Alexey Matveev

Where did you put the code?

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

jira