Modal Dialog

A modal dialog is a pop-window that forces the user to interact with it before they can go back to using the parent application.

Use the following HTML code to fire it.

HTML<a href="javascript:void(0)" data-modal-id="modal-open-3" data-modal-close-onlybtn="false" data-modal-height="200px" data-modal-width="300px" data-modal-lightbox="true" data-modal-close-time="false">Normal</a>

HTML<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>

---