Merhaba arkadaşlar,
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.
|
1 |
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> |
3.Adım
ModalPopupExtender still dosyalarını tanımlıyoruz.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<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
|
1 |
<cc1:ToolkitScriptManager runat="server"> </cc1:ToolkitScriptManager> |
5.Adım
Modalpopupextender’ı tanımlıyoruz
|
1 |
<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
|
1 2 3 4 5 |
<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
Bir yanıt yazın