I am trying to display an inline dialog element from the AUI library.
<div class="aui-item narrow-item"> <a data-aui-trigger aria-controls="show-on-hover" href="#show-on-hover"> <span class="aui-icon aui-icon-small aui-iconfont-help float-right">Help</span> </a> <aui-inline-dialog id="show-on-hover" responds-to="hover" alignment="right middle"> <p>First paragraph</p> <p>Second paragraph</p> <p>Third paragraph</p> </aui-inline-dialog> </div>
I have referenced AUI libraries in the <head> section on my page
<link rel="stylesheet" href="//aui-cdn.atlassian.com/aui-adg/5.9.17/css/aui.min.css" media="all"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="//aui-cdn.atlassian.com/aui-adg/5.9.17/js/aui.min.js"></script>
However, for some reason the dialog just doesn't appear.
Any ideas why?
You both are right, thanks. It shows up now. Except for a couple of issues. (1) The inline dialog is not displayed next to the element that triggered - it displays at (what seems to be) a random edge of the page. (2) Is there a way to set dialogue max width? It now displays almost screen-wide.
Hi @Sean Curtis and @Arturas Rimkus now that we have released the Cloud Development Environment (https://developer.atlassian.com/blog/2016/04/cloud-ecosystem-dev-env/) Arturas could create a cloud development environment, install his add-on there, and then create a user for Sean and give him access. Then you could both diagnose the problem against the same JIRA instance and get to the root cause quickly instead of this back and forth.
Just a quick suggestion.
In the past, Portfolio for Jira required a high degree of detail–foresight that was unrealistic for many businesses to have–in order to produce a reliable long-term roadmap. We're tur...
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!
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