AUI components only working partly

[Manu]

Hello,

I have a problem with a Jira Gadget Plugin I`m programming. I use the Jira Plugin SDK (v6.1.2). When I try to use the AUI elements specified here (https://docs.atlassian.com/aui/5.2/sandbox/), there are only a few elements that are working as expected. What works good so far are the Messages, but many of the elements are either not working at all or not looking like in the examples. For instance the Badges dont work at all, and the Dropdown-Button works, but the button itself looks very ugly and not like in the sample code. I have the assumption it has something to do with my Resource configuration. Also I get an Error message at the server startup where I couldnt figure out what causes this Error.

First the Error message (anonymised):

__________________________________________________________________

___ FAILED PLUGIN REPORT _____________________

1 plugin failed to load during JIRA startup.

'de.***-gadget-tests' - 'jira-gadget' failed to load.
Cannot start plugin: ***-jira-gadget-tests
Unresolved constraint in bundle ***-jira-gadget-tests [139]: Unable to resolve 139.0: missing requirement [139.0] package; (package=***.jira.plugin)

It was loaded from ***-jira-gadget\target\jira\home\plugins\installed-plugins\***-jira-gadget-1.0-SNAPSHOT-tests.jar

_______________________________________________________________

My Gadget Configuration looks like following:

_______________________________________________________________

<Module>
<ModulePrefs title="__MSG_gadget.title__" directory_title="__MSG_gadget.title__"
description="__MSG_gadget.description__">
<Optional feature="gadget-directory">
<Param name="categories">
JIRA
</Param>
</Optional>
<Optional feature="atlassian.util" />
<Optional feature="auth-refresh" />
<Require feature="views" />
<Require feature="settitle"/>
<Require feature="oauthpopup" />

<Require feature="core"/>
#oauth
<Locale messages="__ATLASSIAN_BASE_URL__/download/resources/jira-gadget/i18n/ALL_ALL.xml"/>
</ModulePrefs>
<Content type="html" view="profile">
<![CDATA[

#requireResource("com.atlassian.jira.gadgets:common")
#requireResource("com.atlassian.jira.gadgets:core-gadget-resources")
#requireResource("confluence.web.resources:ajs")
#requireResource("com.atlassian.auiplugin:ajs")
#includeResources()

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" href="__ATLASSIAN_BASE_URL__/download/resources/jira-gadget/css/jira-gadget.css" />
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="__ATLASSIAN_BASE_URL__/download/resources/jira-gadget/js/jira-gadget.js"></script>


<div>
[...]
</div>

]]>
</Content>
</Module>

_______________________________________________________________

Any help would be very appreciated! Ive been searching via try-and-Error for hours now!

Cheers,

Manu

[StevenA · Accepted solution]

Hi Manu,

Refering to our AUI page, scroll down and click on Serve from CDN button. Then, you will see all css and js URL that need to be included into your HTML to make the components rendered as expected.

Best Regards,

Steven

[Manu]

Mille Gracie, signore! You saved my live ;) But why is this even required? I thought these #requireResource(...) notation should replace the direct imports?

Request to atlassian => Please add this to your documentation! I did not read that anywhere :(

[Anders Vestberg]

1+ for that!