El widget Dialog crea una ventana de diálogo que puede abrirse junto con la página, un botón o algún otro elemento, tal vez para contener un mensaje de bienvenida o una advertencia. Un ejemplo de este tipo de widget puedes verlo pulsando el siguiente botón
Bienvenidos a esta ventana de ejemplo. Este cuadro de diálogo puedes moverlo, redimensionarlo e incluso cerrarlo.
Observa que tanto al aparecer como al desaparecer se agita...
Cierra el cuadro de diálogo para continuar con el curso.
Al insertarse en la página tiene la apariencia simple de un recuadro de líneas punteadas, por lo que tal vez sea preferible editarlo en la vista En vivo.
Este recuadro no afecta al diseño del resto de la página. Si vamos a abrirlo junto con la página, entonces tal vez sea buena práctica ponerlo al inicio. Sus propiedades son las siguientes.
Title. Es el título del encabezado del cuadro de diálogo.
Position. Determina su posición en la ventana del navegador. Sus opciones son
center (centro), right (derecha),
left (izquierda), top (arriba) y
bottom (abajo).
Width y Height. Establecen el ancho y alto del cuadro de diálogo respectivamente.
Min Width y Min Height. Si activamos la casilla Resizable, determina su ancho mínimo.
Max Width y Max Height. Igual que en el caso anterior, si está activa la casilla Resizable, establece el tamaño máximo que puede alcanzar el cuadro de diálogo.
Auto Open. El cuadro de diálogo se abrirá al momento de cargar la página.
Draggable. Podemos cambiar su posición arrastrándola de la barra de título.
Modal. Desactiva el resto de los elementos de la página mientras esté activo el cuadro de diálogo.
Close On Escape. Se cierra al pulsar la tecla Escape.
Resizable. Es posible cambiar el tamaño del cuadro de diálogo arrastrando el borde con el cursor.
Hide. Permite elegir el efecto de animación con el que se va a ocultar el cuadro.
Show. Permite elegir el efecto de animación con el que va a aparecer el cuadro.
Trigger Button. Permite elegir el botón disparador del cuadro de diálogo.
Trigger Event. Permite elegir el evento sobre el botón que disparará el cuadro de diálogo. Sus opciones son: click, dblclic, mouseover, keydown y keypress.