Created by Steve Borowick, last modified on Jan 28, 2014
Auto Complete 1Auto Complete 2

The user starts typing "p" into the entry field, All contacts that have a "p" in
either their full name or email address will display in a small box below entry
field. characters that match email address will be bolded.

User selects the correct name.

Continuing to type into entry field will reduce data set if data matches an existing
record. 

The full name is displayed in a small box with a delete "x" at the end of the box.
The cursor show up right after this box to enter more addresses. 
Auto Complete 3 (non contact address 1a)Auto Complete 4 (non contact address 1b)
The user enters a non-contact address.Any move mouse move will create the address box. The non contact name turns
into a small orange. This color code alerts the user this email is not part of
their bill-to.  
Auto Complete 5 (expanded entry 2a)Auto Complete 6 (expanded entry 2b)
The user continues to add addresses to the entry field.The newest entry is too long so the entry field expands vertically to fit the
latest address. 

Attachments:

Autocomplete_1.png (image/png)
Autocomplete_2.png (image/png)
Autocomplete_1.png (image/png)
Autocomplete_2.png (image/png)
Autocomplete_3.png (image/png)
Autocomplete_4.png (image/png)
Autocomplete_5.png (image/png)
Autocomplete_6.png (image/png)