Como fazer um painel modal no Asp.Net

Passo 1

Abra o software Visual Studio no seu computador de desenvolvimento. Abra o aplicativo da Web e clique no formulário .NET que você deseja usar para abrir a janela modal.

Passo 2

Arraste o controle do painel da caixa de ferramentas à esquerda para o formulário aberto. O Visual Studio desenha automaticamente o painel, mas você deve usar o mouse para redimensionar o painel com as dimensões apropriadas.

Passo 3

Clique na guia "Exibir código" para alterar o código HTML. Adicione a seguinte propriedade ao código do painel HTML:

id = "pnl"

Esta propriedade cria um identificador exclusivo para o painel. Use essa propriedade no código JavaScript que abre a janela modal.

Passo 4

Copie e cole o seguinte código nas tags HTML "head":

Passo 5

Volte para o modo de design de formulário e arraste um controle de botão da caixa de ferramentas para o formulário. Este botão abrirá a janela modal quando o usuário clicar nela. Adicione a seguinte propriedade à definição da tag HTML do botão:

OnClientClick = "openWindow ();"

Esta função executa um código JavaScript e quando o usuário clica no botão.