How to Create an ASP.NET AJAX ModalPopUp Extender Dynamically

You may need to create a ModalPopUpExtender dynamically. Here's some code on how to do so:

Add the following markup in your page:

Text="CreateModal" OnClick="Button1_Click" />




Style="display: none"

BackColor="Gray">

Dynamic ModalPopup!

Then in the code behind, add the following code. On clicking the Button, we have added code to create another button dynamically which contains functionality to show and hide a ModalPopUp

C#


protected void Button1_Click(object sender, EventArgs e)

{

Button btnNew = new Button();

btnNew.ID = "Button2";

btnNew.Text = "Click Me to Show PopUp";



AjaxControlToolkit.ModalPopupExtender modalPop =

new AjaxControlToolkit.ModalPopupExtender();

modalPop.ID = "popUp";

modalPop.PopupControlID = "ModalPanel";

modalPop.TargetControlID = "Button2";

modalPop.DropShadow = true;

modalPop.CancelControlID = "btnCancel";



this.Panel1.Controls.Add(modalPop);

this.Panel1.Controls.Add(btnNew);



}



VB.NET


Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)

Dim btnNew As New Button()

btnNew.ID = "Button2"

btnNew.Text = "Click Me to Show PopUp"



Dim modalPop As New AjaxControlToolkit.ModalPopupExtender()

modalPop.ID = "popUp"

modalPop.PopupControlID = "ModalPanel"

modalPop.TargetControlID = "Button2"

modalPop.DropShadow = True

modalPop.CancelControlID = "btnCancel"



Me.Panel1.Controls.Add(modalPop)

Me.Panel1.Controls.Add(btnNew)



End Sub