ui.igDialog

ui.igDialog_image

The igDialogWindow is a component which allows you to open both modal and non-modal dialogs on a page. Behaviors like close, pin, maximize and minimize are available for each dialog.

Further information regarding the classes, options, events, methods and themes of this API are available under the associated tabs above.

The following code snippet demonstrates how to initialize the igDialogWindow control.

For details on how to reference the required scripts and themes for the igDialogWindow control read, Using JavaScript Resources in Ignite UI and Styling and Theming Ignite UI.

Code Sample

<!doctype html>
<html>
<head>
        <!-- jQuery Core -->
        <script src="js/jquery.js" type="text/javascript"></script>
        <!-- jQuery UI -->
        <script src="js/jquery-ui.js" type="text/javascript"></script>
        <!-- Infragistics Loader Script -->
        <script src="js/infragistics.loader.js" type="text/javascript"></script>
        <!-- Infragistics Loader Initialization -->
        <script type="text/javascript">
                $.ig.loader({
                        scriptPath: "js/",
                        cssPath: "css/",
                        resources: "igDialog"
                });
                 
                $.ig.loader(function () {
                // Initialize the igDialog
                        $("#dialog").igDialog({
                                state: "opened",
                                height: 460,
                                width: 440
                        });
                });
        </script>
</head>
<body>
        <div id="dialog"></div>
</body>
</html>
            

Related Samples

Related Topics

Dependencies

jquery.js
jqueryui/1.8.11/jquery-ui.js
jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.mouse.js
jquery.ui.draggable.js
jquery.ui.resizable.js
infragistics.util.js
infragistics.util.jquery.js
infragistics.ui.widget.js

Inherits

Copyright © 1996 - 2025 Infragistics, Inc. All rights reserved.