Ajaxtool kit example

Step 1 : Download ajax control download

Step 2: Regidter in web.config file

<configuration>

  <connectionStrings>

     <add name="WWL" connectionString="Server=111.11.111.11;DatabaseMurali; User   ID=developer;Password=sqlserver" providerName="System.Data.SqlClient"/>

  </connectionStrings>

    <system.web>

      <pages>

        <controls>

           <add tagPrefix="ajaxToolkit" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit"/>

        </controls>

      </pages>

</system.web>

   

Step 3:

 Go to page paste belowe code

<%@ Registerassembly="System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" namespace="System.Web.UI"tagprefix="ajaxToolkit"%>

Step 4:

Go to Ajax Control and drag and drop in page

1

         1)

 <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

2      2)

      <asp:Panel ID="popup" runat="server"Width="1350px"Height="600px"ScrollBars="Both"BackColor="White">

         <asp:Button ID="btncancel" runat="server" Text="Button" />

       ffffffffffffff

       ggggg

       ggg

       gggg

        </asp:Panel>

  

3    3)

         <ajaxToolkit:ModalPopupExtender ID="modalp"runat="server"TargetControlID="btnclick"CancelControlID="btncancel"PopupControlID="popup"Drag="true"DropShadow="true">

    </ajaxToolkit:ModalPopupExtender>
note(3 step please rewrite in code if you copy and paste it not work)

How to add Calender 

 <td>

      <asp:TextBox ID="txtthree" runat="server"></asp:TextBox>

     <asp:Button ID="btnthree" runat="server" Text="select date" />

     <ajaxToolkit:CalendarExtender ID="cal2" PopupButtonID="btnthree" runat="server"           TargetControlID="txtthree" Format="dd/MM/yyyy"></ajaxToolkit:CalendarExtender>

 </td>