### jQuery UI autocomplete

#### Examples

Default Functionality
The Auto complete widgets provides suggestions while you type into the field. Here the suggestions are tags for people names, give "a" (for Aaron or Abel) a try.
Accent Folding
The auto complete field uses a custom source option which will match results that have accented characters even when the text field doesn't contain accented characters. However if the you type in accented characters in the text field it is smart enough not to show results that aren't accented. Try typing "Jo" to see "John" and "Jörn", then type "Jö" to see only "Jörn".
Categories
A categorized search result. Try typing "a" or "n".
Combobox
A custom widget built by composition of Auto complete and Button. You can either type something into the field to get filtered suggestions based on your input, or use the button to get the full list of selections. The input is read from an existing select-element for progressive enhancement, passed to Auto complete with a customized source-option.
Custom Data & Display

You can use your own custom data formats and displays by simply overriding the default focus and select actions. Try typing "j" to get a list of projects or just press the down arrow.

#### Examples

Multiple Values
Usage: Type something, eg. "a" to see suggestions for tagging with people names. Select a value, then continue typing to add more. This is an example showing how to use the source-option along with some events to enable auto completing multiple values into a single field.
Remote Datasource
The Auto complete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field. The datasource is a server-side script which returns JSON data, specified via a simple URL for the source-option. In addition, the minLength-option is set to 2 to avoid queries that would return too many results and the select-event is used to display some feedback.
Remote With Caching
Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names. This is an example showing how to use the source-option along with some events to enable auto completing multiple values into a single field.
Multiple, Remote
Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names. This is an example showing how to use the source-option along with some events to enable auto completing multiple values into a single field.
XML Data Parsed Once
Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names. This is an example showing how to use the source-option along with some events to enable auto completing multiple values into a single field.

#### Theme Customizer

Customize & Preview in Real Time

##### Menu Color Options

##### Layout Options

Collapsed Menu
Fixed Layout
Boxed Layout
Static Layout
Native Scroll
Right Side Icons
Bordered Navigation
Flipped Navigation
Collapsible Navigation
Static Navigation
Brand Center
Static Top

##### Navigation Color Options

###### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

###### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink

### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink
Buy Now