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

Button that refreshes the same page

Ramana Gyambava

I have a requirement to add a "Test Connection" button to my task. When the button is clicked, based on the action response, the page should show a section which says whether the connection is successful or not. I could add the button and my action is triggered, however, different page is re-loaded. Is there a attribute to specify type="reload"?

Accepted answers

Alexey Chystoprudov

Look at some samples with JS resources, for example https://bitbucket.org/atlassian/bamboo-build-times-plugin

You need to define web-resource element in atlassian-plugin.xml, it will be added to bundled and minified JS code then you can use it on your page

All comments

Alexey Chystoprudov

You should create rest endpoint at server side and use JS to submit data from UI to this REST resource. So form will be not submitted, but all interaction between web page and server should be handled by AJAX

Ramana Gyambava

Thanks Alexey,

Now struck with weird problem. If I inline the JS code, the function gets called, however including it via src='... doesn't work. Any help is appreciated.

Works...

&lt;html&gt;
 &lt;script&gt;
	function myFunction() {
		alert("Hello");
	}
 &lt;/script&gt;
 &lt;body&gt;
 [@ww.textfield labelKey="echoString.label" name="echoString" description="echoString.description" required='true'/]
 &lt;input type="button" class="button" value="Click Me" onclick="myFunction()" /&gt;
 &lt;/body&gt;
 &lt;/html&gt;

Doesn't work

&lt;html&gt;
 &lt;script src="/js/helloworld.js"&gt;
 &lt;/script&gt;
 &lt;body&gt;
 [@ww.textfield labelKey="echoString.label" name="echoString" description="echoString.description" required='true'/]
 &lt;input type="button" class="button" value="Click Me" onclick="myFunction()" /&gt;
 &lt;/body&gt;
 &lt;/html&gt;

Alexey Chystoprudov

Look at some samples with JS resources, for example https://bitbucket.org/atlassian/bamboo-build-times-plugin

You need to define web-resource element in atlassian-plugin.xml, it will be added to bundled and minified JS code then you can use it on your page

Ramana Gyambava

Can you also point me to samples, where the task UI config class and the ftl files can be kept in sync. I mean when the button is clicked, the UI should display a section with the status message.