Cómo hacer un panel modal en Asp.Net (En 5 Pasos)

Por jim campbell
Cómo hacer un panel modal en Asp.Net (En 5 Pasos)
Hemera Technologies/PhotoObjects.net/Getty Images

Un panel de Microsoft ASP.NET es un contenedor que te permite organizar y diseñar controles .NET. Puedes utilizar el control del panel como una ventana modal, que es una ventana emergente que pide al usuario una entrada. Debes crear el control del panel en el formulario en el que quieres abrir la ventana del panel, y utilizar JavaScript con .NET para abrir la ventana en la página web.

Paso 1

Abre el software Visual Studio en tu computadora de desarrollo. Abre la aplicación web y haz clic en el formulario .NET que quieres utilizar para abrir la ventana modal.

Paso 2

Arrastra el control de panel desde la caja de herramientas de la izquierda hacia el formulario abierto. Visual Studio dibujará automáticamente el panel, pero debes utilizar el ratón para cambiar el tamaño al panel con las dimensiones adecuadas.

Paso 3

Haz clic en la pestaña "Ver código" para cambiar al código HTML. Añade la siguiente propiedad al código del panel HTML:

id="pnl"

Esta propiedad crea un identificador único para el panel. Utiliza esta propiedad en el código JavaScript que abre la ventana modal.

Paso 4

Copia y pega el siguiente código dentro de las etiquetas "head" HTML:

Paso 5

Vuelve a la vista de diseño del formulario y arrastra un control de botón desde la caja de herramientas hacia el formulario. Este botón abrirá la ventana modal cuando el usuario haga clic sobre él. Añade la siguiente propiedad a la definición de la etiqueta HTML del botón:

OnClientClick="openWindow();"

Esta función ejecuta un código JavaScript y cuando el usuario hace clic sobre el botón.