Telerik UI for Windows 8 HTML

Token Input

The RadTokenInput control for Windows Runtime JavaScript applications is similar to the recipients field in Facebook in that it displays a list of values and allows the selection of multiple values from this list. It is designed to work in Windows Store applications using JavaScript. Below you can see an example of how RadTokenInput can be used in a real application scenario.

tokeninput-overview-example

Architecture

A token input control, in general, is used to display a predefined list of values and allow the user to select multiple values from it. When a value is selected, a visual element, called a token, is displayed in the input box. By default it contains only the text value of the selection. Usually, you can also define a template to make it display additional content , for example, an image.

RadTokenInput

RadTokenInput implements the architecture described above. When its input box is focused, the control displays a list of values that can be selected by the user and autocompletes their input with the matching values. When a value is selected, it is displayed as a token. The token can contain plain text or a template.

RadTokenInput exposes many configuration options related to data binding, filtering, selection, and appearance.

Furthermore, it allows you to provide item template and tag template to customize its items and tags content.