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

Jira Development: How to create a button

Kathleen Jacobs

I'm creating a plugin that when a button is selected, it triggers some CSS changes for the page.

I have a drop down list on section = system.top.navigation.bar with web-section and web-items that triggers JS file when selected.

How would I go about creating a button? More specifically, would like it on the kanban board view.

This is on server.

Accepted answers

All comments

Praveen

This might help,

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

Kathleen Jacobs

created a button following that info. Created a .vm file with:

<li id="test">
    <a class="aui-button">Test Button</a>
</li>

Calling it from a web-panel:

<web-panel key="test" location="jira.agile.board.tools" weight="35">
  <label>test</label>
  <resource type="velocity" name="view" location="test.vm"/>
</web-panel>

but the button keeps turning into a drop-down

Praveen

Hi,

You have to write something linke this, (the li tag creates list)

<div id="test">
    <a class="aui-button">Test Button</a>
</div>

-Praveen

Kathleen Jacobs

Didn't fix the problem

Almost looks like it's pulling things from the other button?

What i'm using to call the .vm file:

<web-panel key="toggleCSS" location="jira.agile.board.tools" weight="35">
  <resource type="velocity" name="view" location="toggleCSS.vm"/>
</web-panel>

Code I have for my button in the toggleCSS.vm file:

<button class="aui-button">Compress</button>

But when i inspect what it's creating:

<button id="toggleCSS-button" class="aui-button ghx-actions-tools ghx-dropdown-trigger" aria-controls="toggleCSS-button_drop" aria-haspopup="true" aria-expanded="false">undefined</button>

No idea where it's getting all that from. It keeps showing a dropdown button called 'undefined'.

If I have nothing in the .vm file, it removed both buttons on the agile board. 'undefined' and the jira 'boards' one.

Even tried changing toggleCSS.vm to what you suggested and it did not work:

<div id="test">
    <a class="aui-button">Test Button</a>
</div>

Welcome!

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

Quick Links

Find more posts tagged with

server

jira

jira-development

jira-server

development