KAWWA Markup Pattern Library

Site Utilities

Site Search

Use this component for the sitewide search engine only. Autocomplete is possible through the "k-autocomplete" class, given to the search input field.

Please notice that this component uses the placeholder attribute and the "search" input type, valid only for the HTML5 DOCTYPE. If your site uses the XHTML DOCTYPE, replace those values for valid ones: use title instead of placeholder, and replace the "search" type with the "text" type.

Autocomplete can be customized to work with various data sources, by just specifying the source option. You must replace the variable given to the createAutoComplete function by your own data file path (relative to the HTML page). For more information about this plug-in, its options, events and methods, see the jQuery Autocomplete page.

IE Backward Compatibility

In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:

Tapestry Integration

This input will add a form with a Text input, using the autocomplete mechanism. This complex component has the same functionnalities as the Tapestry components : Form (Submission process), TextField, Submit and the AutoComplete mixin.

You will have access to some parameters of these 4 components. Please have a look to the Tapestry Documentation.