Unable to add Dialog2 in vm template in jira

Hi all,

I am unable to use dialog2 in vm template . I am using jira 6.1.4

I am using


<web-resource key="dialog" name="AUI DIALOG">




function showDialog(){
// Hides the dialog
AJS.$("#dialog-close-button").click(function(e) {
<button id="dialog-show-button" class="aui-button aui-button-primary" onclick="showDialog();">Execute</button>
<section role="dialog" id="demo-dialog" class="aui-layer aui-dialog2 aui-dialog2-medium" aria-hidden="true">
<!-- Dialog header -->
<header class="aui-dialog2-header">
<!-- The dialog's title -->
<h1 class="aui-dialog2-header-main">Hello World</h1>
<!-- Actions to render to the left of the title -->
<div class="aui-dialog2-header-actions">
<button id="demo-header-action" class="aui-button">Header Action</button>
<!-- Actions to render on the right of the header -->
<div class="aui-dialog2-header-secondary">
<input id="demo-search" type="text" name="search">
<!-- Close icon -->
<a class="aui-dialog2-header-close">
<span class="aui-icon aui-icon-small aui-iconfont-close-dialog">Close</span>
<!-- Main dialog content -->
<div class="aui-dialog2-content">
<p>Hello World</p>
<!-- Dialog footer -->
<footer class="aui-dialog2-footer">
<!-- Actions to render on the right of the footer -->
<div class="aui-dialog2-footer-actions">
<button id="dialog-close-button" class="aui-button aui-button-link">Close</button>
<!-- Hint text is rendered on the left of the footer -->
<div class="aui-dialog2-footer-hint">this is a hint</div>

1 answer

I am using refrence of https://docs.atlassian.com/aui/5.4.1/docs/dialog2.html

Its urgent Can anybody help me


Suggest an answer

Log in or Sign up to answer
Community showcase
Published Jan 08, 2019 in Jira

How to Jira for designers

I’m a designer on the Jira team. For a long time, I’ve fielded questions from other designers about how they should be using Jira Software with their design team. I’ve also heard feedback from other ...

1,178 views 5 10
Read article

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