Índice

El cuadro de diálogo

1. El uso del componente

Este componente permite mostrar un cuadro de diálogo para avisar al usuario.

2. Insertar el componente

Sitúe el punto de inserción en el lugar donde desee insertar el componente.

En el menú Insertar, o en el panel Insertar, seleccione jQuery UI y Dialog.

El componente se inserta en la página:

images/18C20-028.png

Seleccione el componente en la página haciendo clic en su pestaña azul jQuery Dialog: Dialog1.

En el panel Propiedades, en el campo ID, podrá ver el identificativo del componente.

images/20OWT-29.PNG

Guarde la página y los archivos vinculados.

3. Configurar el cuadro de diálogo

Seleccione el componente en la página haciendo clic en su pestaña azul jQuery Dialog: Dialog1.

Utilice el panel Propiedades.

images/20OWT-30.PNG

En la lista desplegable Position, seleccione la posición de la ventana del navegador donde aparecerá el cuadro de diálogo.

En los campos Width y Height, indique el tamaño y en los campos Min y Max, el tamaño mínimo y máximo que no se debe sobrepasar.

La opción Auto Open permite mostrar el cuadro de diálogo sin que el usuario intervenga.

Si desmarca esta opción, será preciso añadir un elemento desencadenante para que el cuadro de diálogo aparezca. Es lo que hacemos a continuación.

En la página, delante del componente precedente, añada el componente jQuery Button.

images/18C20-031.png

En el siguiente ejemplo, el identificativo, ...