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

tabs implemented in the macro-input-fields dialog-panel of a plugin. Clicked tab opens new window Edited

Hi All,

I am trying to implement tabs in the macro-input-fields dialog-panel of my plugin

So, I followed https://docs.atlassian.com/aui/7.9.9/docs/tabs.html

The tabs appear in the panel, however, those do not switch properly. Instead, when you click a tab menu item, a new window gets opened.tab_issue_2.png

The tabs documentation, linked above has a link to jsfiddle.net where the example and my code works fine.

The tabs are appended after the document loaded and I do call AJS.tabs.setup() after the append and see that my tabs get initialized and get aui-tab-events-bound=true property.tab_issue_1.png

Could someone please advise what I could miss?

I tried on v 5.6.3 and 6.12.0 - with the same results. Should I include some additional js dependencies maybe?

 

2 answers

0 votes

Hello George,

Thank you for contacting us, and I apologize for the lack of response you've received here on the Community.

My recommendation would be to raise the same question on our Atlassian Developer Community. The difference with that Community is that questions are related to developing for Atlassian software, such as add-ons. Whereas with this Community, it's mostly end-users who aren't as familiar with the subject.

Let me know if you have any trouble.

Regards,

Shannon

Hi Shannon! Thank you! I already managed with this, so, can be closed

Thank you for letting me know, George. You can feel free to share with us what the solution was, in case some users do happen upon this and want to know how to do the same.

Regards,

Shannon

it was my mistake in the code, so nothing to recommend here :)

Like Shannon_Spaniol likes this

George,

Alright, at any rate, glad you figured it out! :) 

Take care, and have a pleasant weekend.

Regards,

Shannon

Hi Shannon!

Thank you!

So, the only thing required was unbinding the Atlassian 'click' event from the tabs anchors:

$("#my-tabs-id > ul > li > a").off('click');

Have a great weekend too!

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Posted in Confluence

How is your team having fun and bonding, remotely, utilizing Confluence?

Thanks everyone for answering last week’s question. The winner of the random drawing from those who commented is: @LarryBrock I’ll contact you separately with your prize details. This wee...

276 views 9 6
Join discussion

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