Applying unique expander tags to a list of items to collapse in JIRA plugin

I am working on a JIRA plugin in which within velocity template I display a series of items in a list. I would like a section of the list per item to be collapsed until an icon is selected and then it expands. I tried to implement this using bootstrap resources but found that it interfied with the view workflow link. I am looking at trying to use the expander tags as defined in the hyperlink but am not seeinga way to uniquely identify a section. Any pointers on creating collapsible divs in JIRA plugins?

2 answers

1 accepted

I was able to resolve this after a bit more time reviewing the AUI documentation related to expanders.

 

My working example is as follows

Below link that controls the expanding/collapse of the div. I'm using one of the AUI icons as defined within the <span> tags

<a id="Link" class="aui-expander-trigger" aria-controls="$count"><span class="aui-icon aui-icon-small aui-iconfont-devtools-task-in-progress">Info</span></a>

The target container that collaspses

<div id="$count" class="aui-expander-content">

$count in this case is a variable I defined within the velocity template outside of my foreach loop that ensures a unique tag for each like <div> element used in this example.

0 vote

Hi - since this is development related, you might want to try asking this over at: https://community.developer.atlassian.com as well if you haven't already.

Hoepfully someone over there will be able to help.

Good call, apologies.

Suggest an answer

Log in or Join to answer
Community showcase
Sarah Schuster
Posted Jan 29, 2018 in Jira

What are common themes you've seen across successful & failed Jira Software implementations?

Hey everyone! My name is Sarah Schuster, and I'm a Customer Success Manager in Atlassian specializing in Jira Software Cloud. Over the next few weeks I will be posting discussion topics (8 total) to ...

3,314 views 14 20
Join discussion

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you
Atlassian Team Tour

Join us on the Team Tour

We're bringing product updates and pro tips on teamwork to ten cities around the world.

Save your spot