ASP.NET AJAX Control Toolkit

Re: AutoCompleteExtender - Aligning Popup position

faruz — Wed, 08 Jul 2009 05:33:41 GMT

OK. That didn't help.

I alerted the values of the _CompletionList position and the browser claims that the CompletionList never moved...

I attach here my JS segment to move the completionList position. (It also changes the width to be minimum the size of the textbox):

function ResizeWidthAndPosition(sender,e)
{
  if (sender._completionListElement.offsetWidth<sender.get_element().offsetWidth)
  {
    sender._completionListElement.style.width = sender.get_element().offsetWidth+'px';
    var tb = sender._element;
    var tbPos = [tb.offsetLeft + tb.offsetParent.offsetLeft, tb.offsetTop + tb.offsetParent.offsetTop];
    var xPos = tbPos[0]+9;
    var yPos = tbPos[1]+121;
    $common.setLocation(sender._completionListElement,new Sys.UI.Point(xPos,yPos));
  }
  else
    sender._completionListElement.style.width = 'auto';
}

Re: AutoCompleteExtender - Aligning Popup position

faruz — Wed, 08 Jul 2009 04:24:20 GMT

Yes, the event I wrote fixes the position.

Only problem is after a key was pressed that it loses position.

I'll try to put the event in the textbox.keypress.

Re: AutoCompleteExtender - Aligning Popup position

Vince Xu - MSFT — Tue, 07 Jul 2009 05:33:56 GMT

Hi,

You can use this client event, and add_populated event maybe another choice. Did your code in onClientShown impacts on the position of pop-out list? Or you can define keypress event of textbox to reset the location of pop-out list.

AutoCompleteExtender - Aligning Popup position

faruz — Sun, 05 Jul 2009 08:42:16 GMT

Hi,

I'm working with the AutoCompleteExtender and have a problem aligning the results-popup with the textbox.

I've written a JS function that executes onClientShown of the extender, and it runs perfectly on first execution.

After I press any key (even alt+shift), the popup "jumps" about a 100 pixels to the left, where it stays until I press ESC and then it starts over.

Should I put my JS function somewhere else?

I'm using $common.SetLocation in my JS.