In this article we will see how to use jQuery DialogBox to render a Dialog Box.

The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.

In the view, we have included reference of Layout where we have included all the reference of jQuery script files. We have created a div with id dialog. In the script section, we have selected the div element using id selector and used dialog function to render the dialog box.Layout :