Cum se face un panou modal în Asp.Net

Pasul 1

Deschideți software-ul Visual Studio pe computerul de dezvoltare. Deschideți aplicația web și faceți clic pe formatul .NET pe care doriți să-l utilizați pentru a deschide fereastra modală.

Pasul 2

Glisați comanda panoului din caseta de instrumente din stânga în forma deschisă. Visual Studio va desena automat panoul, dar trebuie să utilizați mouse-ul pentru a redimensiona panoul cu dimensiunile corespunzătoare.

Pasul 3

Faceți clic pe fila "Vizualizare cod" pentru a trece la codul HTML. Adăugați următoarea proprietate în codul HTML al panoului:

id = "pnl"

Această proprietate creează un identificator unic pentru panou. Utilizați această proprietate în codul JavaScript care deschide fereastra modală.

Pasul 4

Copiați și inserați următorul cod în etichetele HTML "cap":

Pasul 5

Reveniți la vizualizarea de proiectare a formularului și glisați un buton de control din caseta de instrumente în formular. Acest buton va deschide fereastra modală atunci când utilizatorul face clic pe el. Adăugați următoarea proprietate la definiția etichetei HTML a butonului:

OnClientClick = "openWindow ();"

Această funcție execută un cod JavaScript și când utilizatorul face clic pe buton.