0%
Uix Kit

Modal Dialog Automatically Open

Trigger with a simple JavaScript

<div class="uix-modal-box" role="dialog" tabindex="-1" aria-hidden="true" id="modal-open-1">
	<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>
$( 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.
	});

} );