Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

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

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

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
Community showcase
Published in Confluence Cloud

What's New in Confluence Cloud – July 2020 Edition

Here’s another edition of “What’s New” this month in Confluence Cloud. Quickly (and more easily) adjust permission settings We know that sometimes the layers of space permissions and page restric...

18,607 views 22 80
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you