[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Collapse]ASP.NET Bootstrap Controls
  ASP.NET Bootstrap Controls - Overview
 [Expand]Getting Started
 [Expand]Demos and Sample Applications
 [Expand]Project Configuration
 [Expand]Grid View
 [Expand]Card View
 [Expand]Scheduler
  Spreadsheet
  Rich Text Editor
 [Expand]Charts
  Sparkline
 [Collapse]Data Editors
   Binary Image
   Button
   Button Edit
   Calendar
   Check Box
   Check Box List
   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?​​​​​​​