Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,367,043
Community Members
 
Community Events
168
Community Groups

aui-prototying js not working in confluence dynamic macro

Hi 

We are trying to upgrade the aui version of one of our existing confluence macro. The version we are using is aui 8.3.2 available from the flat packs. Below is the javascript import code in our base header file.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="atlassian-token" th:content="${atlassianConnectToken}"/>
<script type="text/javascript" th:src="@{/js/jquery/jquery-3.3.1.min.js}" ></script>
<script type="text/javascript" th:src="@{/js/resources/require.js}" ></script>
<link rel="stylesheet" th:href="@{/css/aui/aui-prototyping.css}"/>
<script type="text/javascript" th:src="@{/js/resources/aui-prototyping.js}" ></script>
<script th:src="@{${atlassianConnectAllJsUrl}}" type="text/javascript" ></script>

We are using thymeleaf template.

aui dropdown is not working in our templates . We have tried the same script in standalone file and the behavior is expected (working dropdown) there.

 

<div class="container"></div>

<div id="alignment-container">
<button class="aui-button aui-dropdown2-trigger" aria-controls="left-aligned">
Left-aligned dropdown
</button>
<button class="aui-button aui-dropdown2-trigger" aria-controls="right-aligned">
Right-aligned dropdown
</button>
</div>

<aui-dropdown-menu id="left-aligned" data-aui-alignment-container="#alignment-container">
<aui-section>
<aui-item-link href="http://amazon.com">Amazon</aui-item-link>
<aui-item-link href="http://apple.com">Apple</aui-item-link>
</aui-section>
</aui-dropdown-menu>

<aui-dropdown-menu id="right-aligned" data-aui-alignment-container="#alignment-container">
<aui-section>
<aui-item-link href="https://facebook.com">Facebook</aui-item-link>
<aui-item-link href="https://google.com">Google</aui-item-link>
</aui-section>
</aui-dropdown-menu>

1 answer

1 accepted

1 vote
Answer accepted
Shannon S Atlassian Team May 29, 2019

Hello Ghanshyam,

Thank you for contacting us about this! It appears that you're having issues with an add-on you are developing for Confluence Cloud.

I would recommend that you reach out to the community at the Atlassian Developer Community The reason being is that this community here is more for end users, and so it is not often browsed by developers. We want to make sure that you get the right answer, so the Developer Community is definitely the place to be for this type of question.

I hope that helps but do let me know if you have any trouble accessing that forum.

Regards,

Shannon

Shannon S Atlassian Team Apr 10, 2020

Hi @Ghanshyam Joshi,

Hope you are doing well. I was curious if you ever found a solution to this? If so, I'm interested to hear what it was!

Regards,

Shannon 

Suggest an answer

Log in or Sign up to answer
TAGS

Atlassian Community Events