Figer's Technology Consulting | How to use ASP.NET AjaxControlToolkit

How to use ASP.NET AjaxControlToolkit

Follow these steps to install the AjaxControlToolkit into your Visual Studio enviroment: http://www.asp.net/ajaxlibrary/act.ashx 

Here is an example of the PopupExtender control Include: 

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

Javascript function to close the pop-up: 

function hideajaxpop() {
var bh = $find("PopEx");
bh.hidePopup();
}

ASP.NET controls to make the pop-up work:

<asp:HyperLink ID="HyperLink1" runat="server" Font-Underline="True">Add Patient</asp:HyperLink>
<asp:Panel ID="pnlPatientSignup" runat="server" Style="display: none">
<div>
<a onclick="hideajaxpop(); return false;" title="Close">X</a>
</div>
<uc3:ClinSignUpPatient ID="ClinSignUpPatient1" runat="server" />
</asp:Panel>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:PopupControlExtender ID="PopEx" runat="server"
TargetControlID="HyperLink1"
PopupControlID="pnlPatientSignup"
Position="Bottom" />
Comments are closed