How to use Atlassian User Interface (AUI) in a Jira plugin?

I’m following the tutorial at https://developer.atlassian.com/server/framework/atlassian-sdk/creating-an-admin-configuration-form/ and the link on that page to https://studio.atlassian.com/browse/AJS seems to be dead.

What I’m trying to do is to use elements from https://docs.atlassian.com/aui/9.0.2/docs/toggle-button.html but when I add the in the velocity template it just remains as it is in the HTML source.
So it doesn’t “compile/enhance” to look and work as intended?

Did you make sure to include the web resource in your Velocity Template?
like this:

$webResourceManager.requireResource("com.atlassian.auiplugin:aui-toggle")

Alternatively, If you have declared a <web-resource> in your atlassian-plugin.xml which contains your different resources, with the dependency:

<dependency>com.atlassian.auiplugin:ajs</dependency>

you can then include this line instead of my initial suggestion

$webResourceManager.requireResource("myPlugin:my-resources")
1 Like