Modal Dialog Automatically Open
Trigger with a simple JavaScript
<template id="modal-open-1">
<div class="uix-modal-box" role="dialog" tabindex="-1" aria-hidden="true">
<button type="button" class="uix-modal-box__close" data-modal-close-trigger="true"></button>
<div class="uix-modal-box__content" role="document">
<div class="uix-modal-box__head">
<!-- code here -->
</div>
<div class="uix-modal-box__body">
<div role="note">
<!-- //////// content begin //////// -->
<h2>Holy Crap!!!</h2>
<p>p.s. Sorry for calling you a dingus earlier.</p><p>p.s. Sorry for calling you a dingus earlier.</p><p>p.s. Sorry for calling you a dingus earlier.</p>
<!-- //////// content end //////// -->
</div>
</div>
</div>
</div>
</template>
$( document ).ready( function() {
$(document).UixFireModalDialog({
id: 'modal-open-1',
height: false,
width: false,
speed: 500,
lightbox : true,
autoClose : false //If the value is 2000, it will automatically close after 2 seconds.
});
} );