@@include('./src/components/ES6/_global/include-header.html')
@@include('./src/components/ES6/_global/include-loader.html') @@include('./src/components/ES6/_global/include-toggle-trigger.html')

### Modal Dialog Automatically Open

Trigger with a simple JavaScript

    HTML<div class="uix-modal-box" tabindex="-1" role="dialog" aria-hidden="true" id="modal-open-1">
    	<a href="javascript:void(0)" class="uix-modal-box__close" data-modal-close-trigger="true"></a>
    	<div class="uix-modal-box__content" role="document">
    		<div>
    			<!-- ////////  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><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><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>

    JS$( 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.
    	});

    } );

## Holy Crap!!!

p.s. Sorry for calling you a dingus earlier.

p.s. Sorry for calling you a dingus earlier.

p.s. Sorry for calling you a dingus earlier.

p.s. Sorry for calling you a dingus earlier.

p.s. Sorry for calling you a dingus earlier.

p.s. Sorry for calling you a dingus earlier.

p.s. Sorry for calling you a dingus earlier.

p.s. Sorry for calling you a dingus earlier.

p.s. Sorry for calling you a dingus earlier.

@@include('./src/components/ES6/_global/include-copyright.html')
@@include('./src/components/ES6/_global/include-footer.html')