Skip to main content

Tag Box

  • 2 minutes to read
IMPORTANT

Bootstrap Controls for ASP.NET Core are in maintenance mode. We don’t add new controls or develop new functionality for this product line. Our recommendation is to use the ASP.NET Core Controls suite.

The Bootstrap Tag Box control provides an interface for selecting multiple unique values (tags) from a predefined list with an autocomplete functionality. End-users can select tags from a drop-down list, or type them manually. Additionally, end-users can provide custom tags. Note that editor tags must be unique.

To remove a tag, an end-user can use either the Remove button or the BACKSPACE key.

The Bootstrap Tag Box provides the following features.

  • Data-Bound and Unbound Mode Support

    Editor items can be generated dynamically by binding the editor to a data source, as well by populating the control’s item collection manually.

  • Incremental Filtering

    You can enable your end-users to filter list items dynamically, based on the text typed into the editor’s input area on the client side (“find-as-you-type” filtering).

  • CustomTags

    You can restrict the tags available to an item collection, or allow an end-user to provide custom tags.

  • Support for Embedding Tags into the Bootstrap Grid View (See online demo)

    You can use the Tag Box for editing column values in the Bootstrap Grid View control.

  • Full-Featured Client-Side API

The Bootstrap Tag Box provides a comprehensive client-side API. This API is implemented using JavaScript and is exposed via the client BootstrapTagBox object. The BootstrapTagBox object serves as the client-side equivalent of the Bootstrap Tag Box control.

See Also