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

## Modal Dialog Automatically Open

Use the following script to fire it.

    JS( function( $ ) {
    "use strict";
    	$( document ).ready( function() {
    		$(document).UixFireModalDialog({
    			id: 'modal-open-1',
    			height: false,
    			width: false,
    			speed: 500,
    			lightbox  : true,
    			autoClose : false
    		});
    	} );
    } ) ( jQuery );

    HTML<div class="uix-modal-box" id="modal-open-1">
    	<a href="javascript:void(0)" class="uix-modal-box__close"></a>
    	<div class="uix-modal-box__content">
    		<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>

## 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/ES5/_global/include-copyright.html')
@@include('./src/components/ES5/_global/include-footer.html')