It worked!!! Thanks alot richcb.
Default.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.modalBackground
{
background-color: #161616;
filter: alpha(opacity=80);
opacity: 0.8;
}
.modalPopup
{
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: black;
padding-top: 10px;
padding-left: 10px;
width: 300px;
height: 170px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Button 1" OnClick="Button1_Click" />
<asp:Panel ID="Panel1" runat="server" style="display:none">
This is Panel 1
<asp:Button ID="Button2" runat="server" Text="Button 2" OnClick="Button2_Click" />
<asp:Panel ID="Panel2" runat="server" style="display:none">
This is Panel 2
<asp:HiddenField ID="HiddenField1" runat="server" />
<asp:HiddenField ID="HiddenField2" runat="server" />
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="HiddenField1" TargetControlID="HiddenField2" BackgroundCssClass="modalBackground" >
</div>
</form>
</body>
</html>
Default.aspx.cs:
protected void Button1_Click(object sender, EventArgs e)
{
ModalPopupExtender1.TargetControlID = Button1.ID;
ModalPopupExtender1.PopupControlID = Panel1.ID;
ModalPopupExtender1.Show();
}
protected void Button2_Click(object sender, EventArgs e)
{
ModalPopupExtender1.TargetControlID = Button2.ID;
ModalPopupExtender1.PopupControlID = Panel2.ID;
ModalPopupExtender1.Show();
}