Home > AJAX Toolkit, Best Practices of ASP.Net > Cross Browser Compatible AJAX Toolkit Auto-Complete Extender

Cross Browser Compatible AJAX Toolkit Auto-Complete Extender

Asp.net developers use AJAX Toolkit’s AutoCompleteExtender to get a Google like search behavior. It is a very easy to use control.
You can easily set all its properties using asp.net markup screen.

It works with every browser but sometimes its suggestion list doesn’t properly aligned with the associated control.
It needs little work around for cross browser compatibility.

So, in this post I am going to show you how can make it more cross browser compatible by using its OnClientShown event.

For more detail about the properties of the control , you can get msdn;

Markup look;
Control Markup

Javascript function to make it cross browser compatible;
SuggestionListPositionSet

Service Method to get suggestions;
ServiceMethod

Tested it on IE8, IE8+,Fire-Fox, Google Chrome, Safari and IPad.
You can download the sample solution from here;

Advertisements
  1. Larry
    June 10, 2014 at 1:33 pm

    I am trying to dowload you example from your cloud and all it does is show me a file like the following:
    AJAX AutoCompleteExtender_zip?download&psid=1

    It never downloads the zip file.

    • June 10, 2014 at 4:11 pm

      It should work, as I don’t see any problem here, but you can get it here(same link):
      aspDotnetSourceCode

      • Larry
        June 11, 2014 at 8:05 am

        Both links take me to OneDrive, and I think there lies the problem. My browser IE9 does not seem to know how to download the file. When I right click on the file, the download prompt shows me the file name as above instead of “AJAX AutoCompleteExtender.zip”. Is there anyway you can post the code as text on your page instead of pictures of the text?

      • Larry
        June 11, 2014 at 10:23 am

        Thank you so much. That worked. I hope this code solves my problem. What you discribe is exactly what I am experiencing.

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s