Как да направите модален панел в Asp.Net

Стъпка 1

Отворете софтуера Visual Studio на компютъра си за разработка. Отворете уеб приложението и кликнете върху .NET формуляра, който искате да използвате, за да отворите модалния прозорец.

Стъпка 2

Плъзнете контрола на панела от кутията с инструменти вляво на отворения формуляр. Visual Studio автоматично ще рисува панела, но трябва да използвате мишката, за да преоразмерите панела със съответните размери.

Стъпка 3

Кликнете върху раздела "Преглед на код", за да промените HTML кода. Добавете следната собственост към кода на HTML панела:

id = "pnl"

Тази собственост създава уникален идентификатор за панела. Използвайте тази собственост в кода на JavaScript, който отваря модалния прозорец.

Стъпка 4

Копирайте и поставете следния код в главните HTML маркери:

Стъпка 5

Върнете се в изгледа за дизайн на формуляра и плъзнете бутон за управление от кутията с инструменти във формуляра. Този бутон ще отвори модалния прозорец, когато потребителят кликне върху него. Добавете следната собственост към дефиницията на HTML маркера на бутона:

OnClientClick = "openWindow ();"

Тази функция изпълнява JavaScript код и когато потребителят кликне върху бутона.