Archive

Archive for the ‘AJAX Toolkit’ Category

Cross Browser Compatible AJAX Toolkit Auto-Complete Extender

May 14, 2013 5 comments

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