Visit http://www.asp.net/ajax to get the download link..
Extract the downloaded file
Create a new Toolbox tab then click choose items and and pick AjaxControlToolkit.dll in the extracted folder.
Then click ok.
Showing posts with label ajax. Show all posts
Showing posts with label ajax. Show all posts
Tuesday, May 25, 2010
Calendar for asp.net TextBox control using ASP.NET AJAX Calendar Extender
CalendarExtender is a asp.net ajax extender that can be used with any textbox. This provides a client side date picker.
Downlaod toolkit from http://ajaxcontroltoolkit.codeplex.com/
code:
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<body>
<form id="form1" runat="server">
<div>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" TargetControlID="TextBox1">
</asp:CalendarExtender>
</div>
</form>
</body>
<body>
<form id="form1" runat="server">
<div>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/cal.png" />
<asp:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" TargetControlID="TextBox1" PopupButtonID="Image1">
</asp:CalendarExtender>
</div>
</form>
</body>
Downlaod toolkit from http://ajaxcontroltoolkit.codeplex.com/
code:
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<body>
<form id="form1" runat="server">
<div>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" TargetControlID="TextBox1">
</asp:CalendarExtender>
</div>
</form>
</body>
-
In order to get a Calendar with an associated calendar icon image
<body>
<form id="form1" runat="server">
<div>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/cal.png" />
<asp:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" TargetControlID="TextBox1" PopupButtonID="Image1">
</asp:CalendarExtender>
</div>
</form>
</body>
Subscribe to:
Posts (Atom)