Hero Content

Initialize

NkDialog

jQuery Dialog Plugin 1.1.0

Rendered

This is an example of how html is rendered.
With the following options you can change id and class the way you want.


<!DOCTYPE html>
<html>
<head></head>
<body class="nkdialog-opened nkdialog-fixed">

    ...

<!-- START: NkDialog -->
<div id="nkdialog-container" class="origin outer inner bg-disabled full-size full-width full-height">
    <div id="nkdialog-bg"></div>
    <!-- When close.offset value is outer -->
    <div id="nkdialog-close">...</div>
    <div id="nkdialog-wrapper" style="max-width:640px;">
        
        <div id="nkdialog-section">
            <!-- When close.offset value is inner -->
            <div id="nkdialog-close">...</div>
            <div id="nkdialog-wrap">

                <header id="nkdialog-header">
                    <h2 id="nkdialog-title">
                        ...
                    </h2>
                </header>
                <div id="nkdialog-content" style="max-height:50vh;">
                    ...
                </div>
                <footer id="nkdialog-footer">
                    ...
                </footer>

            </div><!-- #nkdialog-wrap -->
        </div><!-- #nkdialog -->

    </div><!-- #nkdialog-wrapper -->
</div><!-- #nkdialog-container -->
<!-- END: NkDialog -->
</body>
</html>

ids

featurePropertyTypeDefaultDescription
idscontainerstring'nkdialog-container'Dialog popup content id
idswrapperstring'nkdialog-wrapper'sameAs
idssectionstring'nkdialog'sameAs
idsinnerstring'nkdialog-inner'sameAs
idsheaderstring'nkdialog-header'sameAs
idstitlestring'nkdialog-title'sameAs
idscontentstring'nkdialog-content'sameAs
idsfooterstring'nkdialog-footer'sameAs
idsclosestring'nkdialog-close'sameAs
idsbgstring'nkdialog-bg'sameAs

classes

featurePropertyTypeDefaultDescription
classesskinstring'origin'Add a class to a container tag
classesopenedstring'nkdialog-opened'Add a class to a body tag
classesfixedstring'nkdialog-fixed'sameAs