background

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!
Telerik UI for WinForms Ninja
  • 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. 

    Telerik UI for ASP.NET Core ComboBox - Overview
  • 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
    To learn more about how to implement each data binding method in the component, visit the documentation. 
    Telerik UI for ASP.NET Core Data Binding
  • 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. 

    Telerik UI for ASP.NET Core ComboBox - Grouping
  • 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

    Telerik UI for 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

    Telerik-UI-for-ASP.NET Core-ComboBox-Component-Adaptive-Rendering
  • 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.

    See the ASP.NET Core ComboBox Floating Label demo

    Telerik UI for ASP.NET Core ComboBox Floating Label
  • 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.  

    Telerik UI for ASP.NET Core ComboBox - Cascading ComboBox
  • 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. 
    Telerik ASP.NET Core ComboBox HTML and Tag Helpers
  • 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.
  • 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. 
    Telerik UI for ASP.NET Core Accessibility
  • 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
    Keyboard navigation
  • 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. 

All ASP.NET Core Components

Next Steps