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; } } }

add custom javascript to page (rapid board)?

Dave46

How can I include a piece of custom JavaScript on some (or all) JIRA pages? In particular, I'd like to modify the Rapid Board cards. I'd love to be able to customize them with the fields I care about, but the next best thing is to be able to change their styling to better suit my needs. Right now, I use tampermonkey to implement my changes, but this is a pain to distribute to my team (especially if it needs to change).

Accepted answers

Sara ak

you can package javascript and css files inside a plugin and set context to atl.general and atl.admin.

these two contexts will cover every jira pages

&lt;web-resource key="key-resources" name="key Web Resources"&gt;
        &lt;dependency&gt;com.atlassian.auiplugin:ajs&lt;/dependency&gt;

        &lt;resource type="download" name="key.css"
            location="/css/key.css" /&gt;
        &lt;resource type="download" name="key.js"
            location="/js/key.js" /&gt;
        &lt;resource type="download" name="images/" location="/images" /&gt;
        &lt;context&gt;atl.general&lt;/context&gt;
    &lt;/web-resource&gt;

All comments

Sara ak

you can package javascript and css files inside a plugin and set context to atl.general and atl.admin.

these two contexts will cover every jira pages

&lt;web-resource key="key-resources" name="key Web Resources"&gt;
        &lt;dependency&gt;com.atlassian.auiplugin:ajs&lt;/dependency&gt;

        &lt;resource type="download" name="key.css"
            location="/css/key.css" /&gt;
        &lt;resource type="download" name="key.js"
            location="/js/key.js" /&gt;
        &lt;resource type="download" name="images/" location="/images" /&gt;
        &lt;context&gt;atl.general&lt;/context&gt;
    &lt;/web-resource&gt;

Dave46

Thanks Sara! Is there any way to modify how the cards look with a plugin or some other approach other than monkeying with the existing DOM/CSS using JavaScript? It gets me most of the way, but if I could customize/add a little different data then it would be even better.

Sara ak

I'm not sure it exactly understand your question or not but I think the answer is yes. you can apply your own css and javascript without edditing existing files.

you can add new element to page with your own javascript file and then apply your own css.

or you can overrwite existing element's style and class again with your css or js file.

Adrian Moerchen

Another solution would be CUTE for JIRA (https://marketplace.atlassian.com/plugins/de.communardo.atlassian.plugins.cute).

You can use this as well to inject custom CSS and JS.

Welcome!

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

Quick Links

Find more posts tagged with

jira

jira-software