Wednesday, March 28, 2012

Multiple simultaneous (Cascading) Modalpopups

Can I open two (or more) modalpopups simultaneous?

Can I open the second modalpopup over the first? (so that the second disable the first)

I need to simulate multiple cascading modalpopups (enabling only the lastone)

thanks

Andres



Hi

Yes, It is possible.

Do it like this:

<%@. Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@. Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:LinkButton ID="LinkButton1" runat="server" Text="Click" />
<asp:Panel ID="Panel1" runat="server" Style="display: none">
<div>
<asp:Button ID="OkButton" runat="server" Text="OK" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
<asp:LinkButton ID="LinkButton2" runat="server" Text="Click" />
</div>
</asp:Panel>
<asp:Panel ID="Panel2" runat="server" Style="display: none">
<div>
<asp:Button ID="Button1" runat="server" Text="Button1OK" />
<asp:Button ID="Button2" runat="server" Text="Button2Cancel" />
</div>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server" TargetControlID="LinkButton1"
PopupControlID="Panel1" OkControlID="OkButton" BackgroundCssClass="modalBackground"
CancelControlID="CancelButton" />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LinkButton2"
PopupControlID="Panel2" OkControlID="Button1"BackgroundCssClass="modalBackground"
CancelControlID="Button2" />
</div>
</form>
</body>
</html>

Best Regards

No comments:

Post a Comment