jQuery Dialog

Dialog Overview

jQuery Dialog by Gijgo.com is a plug-in for the jQuery Javascript library. It is a very fast and extandable tool, and will add advanced interaction controls to any modal window. This plugin allows you to create resizable and draggable modals using bootstrap or material design styles. Free open source tool distributed under MIT License.

Getting Started

                <!DOCTYPE html>
<html>
<head>
    <title>Getting Started with jQuery Dialog</title>
    <meta charset="utf-8" />
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://unpkg.com/gijgo@1.9.14/js/gijgo.min.js" type="text/javascript"></script>
    <link href="https://unpkg.com/gijgo@1.9.14/css/gijgo.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="dialog" title="jQuery Dialog" width="400">
        <div data-role="body">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </div>
        <div data-role="footer">
            <button class="gj-button-md" onclick="dialog.close()">OK</button>
            <button class="gj-button-md" data-role="close">Cancel</button>
        </div>
    </div>
    <script type="text/javascript">
        var dialog;
        $(document).ready(function () {
            dialog = $("#dialog").dialog({
                resizable: true
            });
        });
    </script>
</body>
</html>

            