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.

[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>

[Praveen]

Can you create a new vm file (for example "test.vm") and try with the below code alone?

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

[Praveen]

Check these links,

https://developer.atlassian.com/server/confluence/web-panel-plugin-module/

https://developer.atlassian.com/server/bamboo/web-panel-module/

[Kathleen Jacobs]

Just tried. Same thing.  Screenshot:

screenshot of code: