[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Collapse]ASP.NET Bootstrap Controls
  Overview
 [Expand]Getting Started
 [Expand]Demos and Sample Applications
 [Expand]Project Configuration
 [Expand]Grid View
 [Expand]Card View
 [Expand]Scheduler
 [Expand]Spreadsheet
 [Expand]Rich Text Editor
 [Expand]Charts
  Sparkline
 [Collapse]Data Editors
   Binary Image
   Button
   Button Edit
   Calendar
   Check Box
   Check Box List
   Color Edit
   Combo Box
   Date Edit
   Dropdown Edit
   Hyperlink
   List Box
   Memo
   Progress Bar
   Radio Button
   Radio Button List
  [Expand]Range Selector
   Spin Edit
   Tag Box
   Text Box
   Time Edit
  [Expand]Upload Control
 [Expand]Site Navigation
 [Expand]Site Layout
  File Manager
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Tag Box

The BootstrapTagBox editor provides the ability to autocomplete tags from a predefined list. When the tag box is focused, the drop-down window displays a list of predefined items. 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).

  • Custom Tags

    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 BootstrapClientTagBox object. The BootstrapClientTagBox object serves as the client-side equivalent of the BootstrapTagBox control.

Expanded See Also

Is this topic helpful?​​​​​​​