UI for ASP.NET Core
ASP.NET Core ComboBox
- Offer your users a choice between a list of pre-set options or let them enter their own with the ASP.NET Core ComboBox.
- Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
- Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
-
Overview
The Telerik UI for ASP.NET Core ComboBox component displays a list of values and allows the selection of a single item from that list. Users can easily filter the list or even input their own search text. The built-in grouping functionality makes the component easier to navigate, and the option to customize templates lets you personalize the look of the ComboBox to meet your customers’ expectations. The component also comes with virtualization for large datasets and server and client filtering.
-
Data Binding
There are several ways to bind the ComboBox to data:
- AJAX binding
- Server binding
- Custom data binding
- Model binding:
- Local data
- Remote data
-
Grouping
The Telerik ASP.NET Core ComboBox enables you to bind it to a grouped data source. In order to do that, you should define a group DataSource expression that uses a custom DataSource configuration and then specify the field by which the ComboBox will be grouped.
-
Server and Client Filtering
Leverage the various modes of filtering, on both the server- and client-side of your Core application. Filter modes can include “starts with” or “contains” and can facilitate the customization of how and when the results are displayed.
See the demo on ASP.NET Core ComboBox Filtering
-
Templates
The ComboBox allows full control over the way an item, a selected value or a pop-up header is rendered through the Kendo UI for jQuery templates. By customizing the available templates, you can alter how the component looks and tailor it to match your customers’ design. -
Adaptive Mode
Set the AdaptiveMode parameter to AdaptiveMode.Auto to enable a mobile-friendly rendering of the ComboBox suggestion list popup. This mode triggers the picker component to automatically adapt to the current size of the screen and changes its rendering accordingly.
See the Telerik UI for ASP.NET Core ComboBox Adaptive Rendering Demo
-
Floating Label
Ensure a smoother and more efficient user experience with the ASP.NET Core ComboBox floating label feature. Adding a label that floats above the input fields allows you to save space and ensures end-users don’t lose the required form input.
-
ComboBox Virtualization
The component supports virtualization, which comes in handy with large datasets. As you can see in the example linked below, the ComboBox renders a fixed number of items at first and, when scrolled, takes the rest of the items and displays them in the same format.
-
Cascading ComboBox
Guide your users’ input with a series of two or more ComboBoxes that filter the available input options. You can enable related lists to cascade from one to another by setting a single property. Choosing an item in a ComboBox would lead to enabling/disabling the following ComboBoxes in the project and display only the relevant corresponding items.
-
HTML and Tag Helpers
Telerik UI for ASP.NET Core provides you with two approaches to declaring UI components. You can choose between HTML or Tag helpers to implement the ComboBox component in your project.
-
Razor Pages
The ASP.NET Core ComboBox is one of the many Telerik UI for ASP.NET Core controls that are supported in both MVC and Razor Pages applications. To view the complete list of Telerik components that you can plug in ASP.NET Core Razor Pages projects, check out the documentation article or visit the Razor Pages examples in our GitHub project repository. -
Declarative Initialization
Declarative initialization—a feature that serializes the component declaration as an MVVM declarative configuration instead of an inline initialization script— is supported in Telerik UI for ASP.NET ComboBox. It is beneficial in cases when the Content Security Policy (CSP) is enabled as it eliminates the requirement to call the methods that defer the initialization script generated after the component's HTML markup.
See Telerik UI for ASP.NET Core ComboBox declarative initialization demo
-
RTL Support
RTL support is available for languages like Hebrew and Arabic, in which users read from right to left. You can satisfy any cultural preference with the Telerik UI for ASP.NET Core ComboBox component by toggling between left-to-right and right-to-left alignment with only a few settings. -
Accessibility
To enable all users to freely use your application, the ComboBox component supports the WCAG 2.1 standards and is compliant with Section 508.
-
Keyboard Navigation
The ComboBox features out-of-the-box keyboard navigation support. You can use the up and down arrows to highlight the previous or next item in the list, press enter to select the highlighted item or use page up/page down to scroll further through the list.
See the ASP.NET Core ComboBox Keyboard Navigation demo
-
Theming
With the ASP.NET Core ComboBox, you get 20+ out-of-the-box themes to style the look and feel of the component or use your own to bring a consistent UI throughout your entire application. You can easily customize any of the themes with a few lines of CSS or create a new theme, using the Telerik SASS ThemeBuilder application.
