Microsoft Technical Issues

Ajax Calendar control has only one view to display the date.But some of people are not familiar with this view and they want the old classic view with drop downs to select dates.This is what who are looking for the custom calendar control.You can use this as a user control and just drag and drop to the design view to use it.



.aspx

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajaxToolkit" %>

 <%--onFocus="javascript:this.blur();" autocomplete="off"--%>
*

  
  

  
  

   
   

   
  
  
  

 
      
          









              
          
      
  
  

.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Quote_Engine_CustomAjaxCalender : System.Web.UI.UserControl
{
public string DateTextFromValue
{
  get { return DateTextFrom.Text; }
  set { DateTextFrom.Text = value; }
}

public Boolean DateTextRequired
{
  get { return DateTextFromRequired.Enabled; }
  set { DateTextFromRequired.Enabled = value; }
}

public string DateTextRequiredText
{
  get { return DateTextFromRequired.ErrorMessage; }
  set { DateTextFromRequired.ErrorMessage = value; }
}

//private string theDateTextFrom;

protected void Page_Load(object sender, EventArgs e)
{
  if (!Page.IsPostBack)
  {
      Populate_MonthList();
      Populate_YearList();

      DateTime dt;
      if (DateTextFrom.Text != "")
      {
          dt = DateTime.Parse(DateTextFrom.Text);
          Calendar1.TodaysDate = dt;
      }
  }
}

// SET THE FIRST CALENDAR (FROM DATE)
public void Set_Calendar(object Sender, EventArgs E)
{
  string theDate = drpCalMonth.SelectedItem.Value + " 1, " + drpCalYear.SelectedItem.Value;
  DateTime dtFoo;
  dtFoo = System.Convert.ToDateTime(theDate);
  Calendar1.TodaysDate = dtFoo;
}

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
  // Popup result is the selected date
  drpCalMonth.SelectedIndex = Calendar1.SelectedDate.Month - 1;
  drpCalYear.SelectedItem.Selected = false;
  drpCalYear.Items.FindByValue(Calendar1.SelectedDate.Year.ToString()).Selected = true;

  // Popup result is the selected date
  //PopupControlExtender1.Commit(Calendar1.SelectedDate.ToShortDateString());
  PopupControlExtender1.Commit(Calendar1.SelectedDate.ToString("dd/MM/yyyy"));

}

// INNOVATIVE CALENDARS VIA AJAX THAT ALLOW USER TO PICK MONTH AND DATE VIA DROPDOWN
void Populate_MonthList()
{
  drpCalMonth.Items.Add("January");
  drpCalMonth.Items.Add("February");
  drpCalMonth.Items.Add("March");
  drpCalMonth.Items.Add("April");
  drpCalMonth.Items.Add("May");
  drpCalMonth.Items.Add("June");
  drpCalMonth.Items.Add("July");
  drpCalMonth.Items.Add("August");
  drpCalMonth.Items.Add("September");
  drpCalMonth.Items.Add("October");
  drpCalMonth.Items.Add("November");
  drpCalMonth.Items.Add("December");
  //string strMonth;

  //if (DateTextFrom.Text == "")
  //    strMonth = DateTime.Now.ToString("MMMM");
  //else

  //    strMonth = Convert.ToDateTime(DateTextFrom.Text).ToString("MMMM");
  //drpCalMonth.Items.FindByValue(strMonth).Selected = true;
}

// POPULATE THE YEARLIST FROM 20 YEARS AGO TO ONE YEAR HENCE
void Populate_YearList()
{
  int intYear;


  // Year list can be changed by changing the lower and upper
  // limits of the For statement
  for (intYear = DateTime.Now.Year - 10; intYear <= DateTime.Now.Year + 10; intYear++)        {            drpCalYear.Items.Add(intYear.ToString());        }         //if (DateTextFrom.Text == "")        //    drpCalYear.Items.FindByValue(DateTime.Now.Year.ToString()).Selected = true;        //else        //{        //    string strYear = Convert.ToDateTime(DateTextFrom.Text).Year.ToString();        //    drpCalYear.Items.FindByValue(strYear).Selected = true;        //}    } }  

Most of the people like to give a different look and feel to the calendar control. There are two themes for Ajax Calendar. This will help you to modify your calendar view.

/* Start - Calander Styles */
.ajax__calendar_container
{padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;
text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body
{height:139px;width:170px;position:relative;overflow:hidden;margin:auto; }
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{top:0px;left:0px;height:139px;width:170px;position:absolute;
text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px; background-color:#63B2DB;width:100%;}
.ajax__calendar_prev
{cursor:pointer;width:15px;height:15px;float:left;
background-repeat:no-repeat;background-position:50% 50%;
background-image:
url();}
.ajax__calendar_next
{cursor:pointer;width:15px;height:15px;float:right;
background-repeat:no-repeat;background-position:50% 50%;
background-image:
url();}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px; background-color:#63B2DB;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:18px;text-align:right;padding:0 2px;}
.ajax__calendar_day
{height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month
{height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year
{height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar .ajax__calendar_container
{border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day
{background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month
{background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year
{background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day
{background-color:#ffffff;border-color:#ffffff;color:#ffffff;cursor:default;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_month
{background-color:#ffffff;border-color:#ffffff;color:#ffffff;cursor:default;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year
{background-color:#ffffff;border-color:#ffffff;color:#ffffff;cursor:default;}
.ajax__calendar .ajax__calendar_today .ajax__calendar_day
{background-color:#fff2a8;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day
{background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month
{background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year
{background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/* End - Calander Styles */

This is the second theme and you should use the class name inside the calendar control like this.

.aspx

 

.css

/*Start Cal Theme */
.cal_The .ajax__calendar_container

{
background-color: #63B2DB; border:solid 0px #cccccc;

}

.cal_The .ajax__calendar_header

{
background-color: #63B2DB; margin-bottom: 4px;

}

.cal_The .ajax__calendar_title
{

}

.cal_The .ajax__calendar_next,

.cal_The .ajax__calendar_prev

{
color: #004080; padding-top: 3px;

}

.cal_The .ajax__calendar_body

{
background-color: #FFFFFF; border: solid 1px #cccccc;
/*e9e9e9*/
}

.cal_The .ajax__calendar_dayname

{
text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;
background-color: #ffffff;
}

.cal_The .ajax__calendar_day

{
text-align:center;

}

.cal_The .ajax__calendar_hover .ajax__calendar_day,

.cal_The .ajax__calendar_hover .ajax__calendar_month,

.cal_The .ajax__calendar_hover .ajax__calendar_year,

.cal_The .ajax__calendar_active

{
color: #004080; font-weight:bold; background-color: #ffffff;

}

.cal_The .ajax__calendar_today

{
font-weight:bold;

}

.cal_The .ajax__calendar_other,

.cal_The .ajax__calendar_hover .ajax__calendar_today,

.cal_The .ajax__calendar_hover .ajax__calendar_title

{
color: #bbbbbb;

}
/*End Cal Theme*/

I have added the simple example for the above style sheet as the Deepak's request.

Ajax control toolkit is providing us a great control called ReoderList with lot of features. But there is not a direct method to deal with the database records. Anyway today I am bringing you a solution for this. This will view details from the database table in the reorderlist with both images and text. Not only that. It will update the new order to the database field once you change the order. I have tested this and this is my working code. You should change the commands in the SqlDataSource and change the field names in .cs file to your table field names.

You'd better keep remember this too for the best result. This will require the new release of the Ajax control toolkit and new framework of .net like 3.5.Because it is using Linq in .cs code. I found another issue and I have written to Microsoft people about this. Reorderlist control is not working in their IE 8 old version. I have mentioned this in my previous post. You can try with install new version of that browser and test it too.
.aspx

 
<asp:UpdatePanel ID="Up1" runat="server">
                 <ContentTemplate>
           
            <div class="reorderListDemo">
                <ajaxtoolkit:ReorderList ID="ReorderList1" runat="server" 
                                        AllowReorder="True" 
                                        PostBackOnReorder="true"
                                        DataSourceID="SqlDataSource1" 
                                        CallbackCssStyle="callbackStyle" 
                                        DragHandleAlignment="Right"
                                        ItemInsertLocation="End"
                                        DataKeyField="id"
                                        EnableViewState="true"
                                        SortOrderField="oderId"
                                        Width="500px"
                                        >
                                        
                                        <ItemTemplate>
                                            <div style="width:300px; display:inline; vertical-align:top;">
                                            
                                        <div style="width:50px;float:left; vertical-align:middle; padding-top:40px; ">  <asp:Label ID="Label2" runat="server" Text='<%# HttpUtility.HtmlEncode(Convert.ToString(Eval("oderId"))) %>' /> </div> <%--<%#  HttpUtility.HtmlEncode(Convert.ToString(Convert.ToInt32(Eval("oderId"))+1))%>--%>
                                        <div style="width:150px;float:left;">   <asp:Image Width="100px"  ID="Image1" runat="server" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "image_name", "~/DesktopModules/Ricette/imgUpload/tmp/tbn{0}")%>' /> </div>
                                        <div style="width:70px;float:left;">   <asp:ImageButton CommandName="Delete" ImageUrl="imgUpload/basket.png" ID="ImageButton1" runat="server" Height="70px" Width="56px" /> </div>                                          

                                            </div>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("image_name") %>' />
                                            <asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("id") %>' />
                                            <asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("title_id") %>' />
                                            <asp:TextBox ID="TextBox5" runat="server" Text='<%# Bind("oderId") %>' />
                                            <asp:TextBox ID="TextBox6" runat="server" Text='<%# Bind("published") %>' />
                                        </EditItemTemplate>
                                        <ReorderTemplate>
                                            <asp:Panel ID="Panel1" runat="server" CssClass="reorderCue" />
                                        </ReorderTemplate>
                                        <DragHandleTemplate>
                                            <div style="height:99px; width:100px; cursor:move; float:left;">
                                                <asp:Image runat="server" ImageUrl="~/DesktopModules/Ricette/imgUpload/hand.gif" />
                                             </div>
                                        </DragHandleTemplate>
                                        
                                        <InsertItemTemplate>
                                            <div style="padding-left:5px; float:none; border-bottom:thin solid transparent;">
                                                <asp:Panel ID="Panel2" runat="server" DefaultButton="Button1" Width="650px" >
                                                        <asp:Button ID="Button1" runat="server"  CommandName="Insert" Text="Refresh and Publish" />
                                                </asp:Panel>
                                            </div>
                                        </InsertItemTemplate>
                                        
                </ajaxtoolkit:ReorderList>
            </div>
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                ConnectionString="<%$ ConnectionStrings:SiteSqlServer %>" 
                DeleteCommand="DELETE FROM [Ricette_Images] WHERE [id] = @id" 
                InsertCommand="INSERT INTO [Ricette_Images] ([title_id], [image_name], [oderId], [published]) VALUES (@title_id, @image_name, @oderId, @published) DELETE FROM [Ricette_Images] WHERE [image_name] = 'noname'" 
                SelectCommand="SELECT [id], [title_id], [image_name], [oderId], [published] FROM [Ricette_Images] WHERE [title_id] = @title_id order by oderId asc" 
                UpdateCommand="UPDATE [Ricette_Images] SET [title_id] = @title_id, [image_name] = @image_name, [oderId] = @oderId, [published] = @published WHERE [id] = @id">
                
                <SelectParameters>
                    <asp:Parameter Name="title_id" Type="String" DefaultValue="<%= title_id %>" />
                </SelectParameters>
                <DeleteParameters>
                    <asp:Parameter Name="id" Type="Int32" />
                </DeleteParameters>
                <UpdateParameters>
                    <asp:Parameter Name="title_id" Type="Int32" />
                    <asp:Parameter Name="image_name" Type="String" />
                    <asp:Parameter Name="oderId" Type="Int32" />
                    <asp:Parameter Name="published" Type="Boolean" />
                    <asp:Parameter Name="id" Type="Int32" />
                </UpdateParameters>
                <InsertParameters>
                    <asp:Parameter Name="title_id" Type="Int32" DefaultValue="111" />
                    <asp:Parameter Name="image_name" Type="String" DefaultValue="noname" />
                    <asp:Parameter Name="oderId" Type="Int32" DefaultValue="11" /> 
                    <asp:Parameter Name="published" Type="Boolean" DefaultValue="false"/>
                </InsertParameters>
            </asp:SqlDataSource>
            
                </ContentTemplate>
            </asp:UpdatePanel>

.cs

 
protected void ReorderList1_ItemReorder(object sender, AjaxControlToolkit.ReorderListItemReorderEventArgs e)
{
//get Old Priority
int oldI = e.OldIndex;
//get New Priority
int newI = e.NewIndex;
//get the selected Item Value
string selectedDK = ReorderList1.DataKeys[oldI].ToString();
string i2updateList = "";
//Build update list based on everything after/equal to the new priority but not equal to the selected one and in order so they can be updated in order
SqlConnection oConn = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings.Get("SiteSqlServer"));
{
SqlCommand sqlCmd = new SqlCommand("select id from Ricette_Images where id <> '" + selectedDK + "' and oderId >= '" + newI + "' order by oderId asc", oConn);
oConn.Open();
using (SqlDataReader reader = sqlCmd.ExecuteReader())
{
while (reader.Read())
{
if (string.IsNullOrEmpty(i2updateList))
{
 
i2updateList = reader["id"].ToString();
}
else
{
 
i2updateList += "," + reader["id"].ToString();
}
}
}
}
int newPriority = newI;
string[] rolArr = null;
rolArr = i2updateList.Split(',');
//update each from the list by 1
foreach (var x in rolArr)
{
newPriority = newPriority + 1;
SqlConnection myConnection = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings.Get("SiteSqlServer"));
{
myConnection.Open();
SqlCommand myCommand = new SqlCommand("update Ricette_Images set oderId = '" + newPriority + "' where id='" + x + "'", myConnection);
 
myCommand.ExecuteNonQuery();
}
 
newPriority = newPriority;
}
//finally, update the selected one for its changed priority
SqlConnection myConne = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings.Get("SiteSqlServer"));
{
myConne.Open();
SqlCommand myCommand = new SqlCommand("update Ricette_Images set oderId = '" + newI.ToString() + "' where id='" + selectedDK + "'", myConne);
myCommand.ExecuteNonQuery();
}
}
void ReorderList1_ItemCommand(object sender, AjaxControlToolkit.ReorderListCommandEventArgs e, AjaxControlToolkit.ReorderListItemReorderEventArgs ee)
{
int oldI = ee.OldIndex;//get Old Priority
string selectedDK = ReorderList1.DataKeys[oldI].ToString();//get the selected Item Value
// If you want support for multiple commands
SqlConnection myConnect = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings.Get("SiteSqlServer"));
myConnect.Open();
if (e.CommandName == "Delete")
//return;
{
//DELETE FROM [Ricette_Images] WHERE [id] = @id
SqlCommand myCommand = new SqlCommand("DELETE FROM Ricette_Images where id='" + selectedDK + "'", myConnect);
myCommand.ExecuteNonQuery();
}
if (e.CommandName == "Select")
//return;
{
int titleid = Convert.ToInt32(HttpContext.Current.Session["RecordID"]);
//SqlDataSource1.SelectParameters.Add("userNum", userNum);
SqlDataSource1.SelectParameters.Add("@title_id", titleid.ToString());
//SELECT [id], [title_id], [image_name], [oderId], [published] FROM [Ricette_Images] WHERE [title_id] = title_id order by oderId asc"
SqlCommand sqlCmd = new SqlCommand("select [id], [title_id], [image_name], [oderId], [published] from Ricette_Images where title_id ='" + titleid + "' order by oderId DESC", myConnect);
sqlCmd.ExecuteNonQuery();
}
if (e.CommandName == "Insert")
//return;
{
string imgNullName = "t";
SqlCommand myCommandCheckNull = new SqlCommand("DELETE FROM Ricette_Images where image_name='" + imgNullName + "'", myConnect);
myCommandCheckNull.ExecuteNonQuery();
}
if (e.CommandName == "Refresh")
//return;
{
int Currenttitleid = Convert.ToInt32(HttpContext.Current.Session["RecordID"]);
bool Newpublished = true;
SqlConnection myConnect1 = new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings.Get("SiteSqlServer"));
{
myConnect1.Open();
SqlCommand myCommand = new SqlCommand("update Ricette_Images set published = '" + Newpublished + "' where title_id='" + Currenttitleid + "'", myConnect1);
myCommand.ExecuteNonQuery();
}
}
}

.css

SQL

CREATE TABLE [dbo].[Ricette_Images](
 [id] [int] IDENTITY(1,1) NOT NULL,
 [title_id] [int] NULL,
 [image_name] [varchar](500) NULL CONSTRAINT [DF_Ricette_Images_image_name]  DEFAULT ('img'),
 [oderId] [int] NULL,
 [published] [bit] NULL CONSTRAINT [DF_Ricette_Images_published]  DEFAULT ((0)),
 CONSTRAINT [PK_Ricette_Images] PRIMARY KEY CLUSTERED 
(
 [id] ASC
)WITH (PAD_INDEX  = OFF, STATISTICS_NORECOMPUTE  = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS  = ON, ALLOW_PAGE_LOCKS  = ON) ON [PRIMARY]
) ON [PRIMARY]

GO
SET ANSI_PADDING OFF

Welcome for your comments and for your questions.

There is not a method to validate future or past date in Ajax CalendarExtender Control. This is the JavaScript to set validate the Ajax calendar for future date. If you want to validate past date ,you have to do only change the comparison symbol.

    <script language="javascript" type="text/javascript">
        function checkDate(sender,args)
            {       
                if (sender._selectedDate < new Date())
                {
                    alert("You must select a date in the future.");
                   
                    //create the date
                    var myDate = new Date();
                    //add a day to the date
                    myDate.setDate(myDate.getDate() + 1);
                    sender._selectedDate = myDate;  //new Date();
                    // set the date back to the current date
                    sender._textbox.set_Value(sender._selectedDate.format(sender._format))
                }

            }

    </script>

I have posted a solution before for an Ajax calendar with drop downs.But there is a control called CalendarExtenderPlus .you can find it from http://lionsden.co.il/codeden/?p=222 .This control has developed by Hanan Schwartzberg.But there were some issues.Anyway Hanan could fix some of the issues.But I noted there was an issue when we are using this control with other Ajax controls.The issue was can not select a date after the first selection.Because calendar control is getting stuck.We were sending more than 30 messages to each other to figure out the issue.Anyway finally I could find the issue.That was 2 java script errors.
The error was
Microsoft JScript runtime error: Sys.InvalidOperationException: Type Sys.Timer has already been registered.

Anyway I found this solution for this.You should modify the ScriptManager code like this.Then everything will work fine.Thank you very much for your great work Hanan.I just put pepper and salt on to it.

        runat="server"
        EnablePageMethods="true"  
        EnableScriptGlobalization="true"  
        ScriptMode="Release" />

I recommend to install AJAX Control Toolkit May 2009 Release or later version like Version 3.0.30512 for best result with this.

This is a common issue what .net developers are facing frequently who are following the general methods with Ajax update panel.Can you use the file upload control in the update panel for not to refresh the page when you are uploading a file?Simple answer is no.Because it needs a full page post back and if you use a AsyncPostBackTrigger as a trigger will give an Error.Because the result is something like FileUpload1.HasFile = False. This is what Microsoft people has missed in their Ajax controls techniques. But we will go through this challenge and I will show you my solution below.

The Best solution is Keep the file uploading in a different .aspx page an call it via an Iframe.you can retrieve all information of upload page in the Iframe by a java script. This will act as same way like in update panel. I know most of developers are wasting their time to find a solution for this.Hope this will help you all to this common issue. If you want the sample code do not hesitate to ask me.

Microsoft has introduced a new interactive interface objects called Silverlight which was something like a replacement for Flash.Actually it was challenge to Microsoft because they did not have a technique like Flash.Anyway They hope to develop this components more user friendly and easy to use to developers.As we know they were always first in this.But their first version was more complicated and lot of bugs I found.But they found a IDE like Blend to overcome this issue.But Users should have the knowledge of new web language XAML which was built on XML concepts.But now it has come silverlight 3.0 .But still there are some conflicts to get familiar with Silverlight.I saw main three issues with Silverlight technology.

1. It requires more hardware requirements.
2. It should have a Fast Internet Connection.It is taking a long time to download to the client machine.
3. It is taking long time to develop with comparing to their other components like Visual Studio controls.

I think Nobody can give a solution for first two issues with current versions.Otherwise Microsoft should go to a new light version.

But for the third one I got a cool solution.There are more than 60 silver light components and absolutely free to use.

Silverlight Components

At the moment I am using this controls and saved my time.I will come with more experience in the future again.I have some other solutions.But still I am using them.If they work fine I will share them with you.

Ajax is a cool piece of cake that we are using in our application. It is not only giving the user interaction.But also saving our development time too.Microsoft people has invented Ajax control tool kit to the .NET Framework.But I saw some of issues with this and could found solutions by working on them with wasting hours and hours.I thought to share my AJAX experiences with all of you and have your feedback what you found.Hope this will save your time.

1.Version Compatibility.
Ajax control Tool Kit version 1 and 2 is most suitable with .NET Framework 2.0.But I recommended to use Ajax control tool kit version 3 with new 3.5 framework.If you are getting an error with asking for an assembly reference the best solution is restore the new version of the Ajax control tool kit and do not forget to look at the web.config file and add the reference like this.This will change according to the error.

     
  <add assembly="System.Core, Version=3.5.0.0, Culture=neutral,
     PublicKeyToken=B77A5C561934E089"/>
  <add assembly="System.Web.Extensions, Version=3.5.0.0,
     Culture=neutral,PublicKeyToken=31BF3856AD364E35"/>
  <add assembly="System.Data.DataSetExtensions, Version=3.5.0.0,
     Culture=neutral,PublicKeyToken=B77A5C561934E089"/>
  <add assembly="System.Xml.Linq, Version=3.5.0.0,
     Culture=neutral,PublicKeyToken=B77A5C561934E089"/>
  <add assembly="System.Data.Linq, Version=3.5.0.0,
     Culture=neutral,PublicKeyToken=B77A5C561934E089"/>

I will talk on this again later with more details.

2. Ajax Control Tool Kit Reorder List is not working on IE 8 Browser.I saw most of peoples' solution was install the New version of the toolkit.But you must install the new update of the IE8 browser too.There was a big issue with this control.That was reorder list can not reorder.

3.There is a common toolbox error when we are publishing the project solution.I saw there were lot of answers this and nobody gave a solution.Do not go to change the coding.Just delete the reference and restore the Ajax control toolkit to the tool box.It is working perfectly.

4.As you know Ajax is running on java scripts.There is an another amazing technique called Jquery which is running on java script.But there is a conflict when we are using both J query with Ajax.I saw this has come with J query light box.The reason was both Java scripts had used same variable names inside their coding.You should find the same variable names and change in J query scripts.That was the solution.Before it was giving java script errors with wrong line numbers.That is strange.

Solutions are seems to be easy.But Problems were wasting time of most of the people.That is why I thought to collect them in to one place and give it to you.

Do not forget to keep here your feedback.

This blog is dedicated to discuss technical issues and solutions in Microsoft technologies.You can post your found solutions and issue via this blog.More articles in the future.