wijdialog

The wijdialog widget is a UI that allows for the creation of a modal or modeless dialog box which is useful for displaying information. The wijdialog widget supports animation, displaying external content, and using the wijdialog widget as an alert window. Users can move, resize, and interact with the wijdialog widget.

Open the .cshtml file for the View in which you want to display a menu. Use the following markup to create the dialog box:

<div id="dialog" title="Basic dialog">
            <p>
                This is the default dialog box. </p>
        </div>

Once the you have created the list, you need to initialize the wijdialog widget. You do this by adding the following script to the .cshtml file that includes the list:

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        // debugger
        // $(":wijmo-wijdialog").wijdialog("destroy").remove();
        $('#dialog').wijdialog({
            autoOpen: true,
            captionButtons: {
                refresh: { visible: false }
            }
        });
    });
    </script>

When you run your project, the basic wijdialog will look like the following image:

For more information about wijdialog, click one of the external links to view our Wijmo wiki documentation: