<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:LinkButton ID="LinkButton1" runat="server" Text="Click here" onclick="LinkButton1_Click"/>
<asp:LinkButton ID="LinkButton2" runat="server" Text="Click here" onclick="LinkButton1_Click"/>
<asp:LinkButton ID="LinkButton3" runat="server" Text="Click here" onclick="LinkButton1_Click" />
<asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">
<asp:Button ID="OkButton" runat="server" Text="OK" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="LinkButton1" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="LinkButton2" EventName="Click"/>
<asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click"/>
</Triggers>
</asp:UpdatePanel>
</asp:Panel>
<asp:LinkButton ID="hiddenbutton" runat="server" style="display:none" />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server"
TargetControlID="hiddenbutton"
PopupControlID="Panel1"
BackgroundCssClass="modalBackground"
OkControlID="OkButton"
BehaviorID="ModalPopupBehavior"
CancelControlID="CancelButton"
DropShadow="true"
/>
protected void LinkButton1_Click(object sender, EventArgs e)
{
Label1.Text = ((LinkButton)sender).ID;
ModalPopupExtender.Show();
}
You can also use JavaScript to show the ModalPopup.
<ajaxToolkit:ToolkitScriptManager runat="Server" ID="ScriptManager1" />
<asp:LinkButton ID="LinkButton1" runat="server" Text="Click here" OnClientClick="$find('ModalPopupBehavior').show();return false;" />
<asp:LinkButton ID="LinkButton2" runat="server" Text="Click here" OnClientClick="$find('ModalPopupBehavior').show();return false;" />
<asp:LinkButton ID="LinkButton3" runat="server" Text="Click here" OnClientClick="$find('ModalPopupBehavior').show();return false;" />
<asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">
<asp:Button ID="OkButton" runat="server" Text="OK" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</asp:Panel>
<asp:LinkButton ID="hiddenbutton" runat="server" style="display:none" />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server"
TargetControlID="LinkButton1"
PopupControlID="Panel1"
BackgroundCssClass="modalBackground"
OkControlID="OkButton"
BehaviorID="ModalPopupBehavior"
CancelControlID="CancelButton"
DropShadow="true"
/>