Asp.net’de ModalPopupExtender kullanmak isterseniz aşağıdaki adımları izlemeniz gereklidir.Öncelikle buradan örnek dosyaları indiriniz.

1.Adım

Öncelikle ” AjaxControlToolkit.dll ” referans olarak ekleyiniz.

2.Adım

ajaxcontroltoolkit kayıt ediyoruz. Bunu sayfamızın en üst kısmına ekliyoruz.

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

3.Adım 

ModalPopupExtender still dosyalarını tanımlıyoruz.

<style type="text/css">       
        .modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }
        .modalPopup
        {
            background-color: #fff;
            border: 3px solid #ccc;
            padding: 10px;
            width: 300px;
        }
    </style>

4.Adım

ToolkitScriptManagerı tanmlıyoruz

<cc1:ToolkitScriptManager runat="server"> </cc1:ToolkitScriptManager>

5.Adım

Modalpopupextender’ı tanımlıyoruz

<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnShow"  CancelControlID="btnClose" BackgroundCssClass="modalBackground">    </cc1:ModalPopupExtender>

Burda dikkat etmeniz gereken noktalar

PopupControlID = açılacak olan panel id

TargetControlID= panel pop op olarak açıcak buton id

CancelControlID = Açılmış olan paneli kapatıcak buton id si

bu alanları kendinize göre düzenlemeniz gereklidir.

6.adım

Pop olarak açılacak paneli tanımlama ve açma, kapatma işlemini yapıcak butonları tanımlama

<asp:Button ID="btnShow" runat="server" Text="modal popup göster" />
    <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" align="center" Style="display: none"> 
            içerik 
        <asp:Button ID="btnClose" runat="server" Text="Kapat" />
    </asp:Panel>

Hepsi bu kadar arkadaşlar takıldığınız yerleri yorumlardan bana sorabilirsiniz. Bir sonraki konuda görüşünceye kadar bol kodlu günler