UI for ASP.NET Core

ASP.NET Core MultiSelect

  • Provide suggestions based on typed text and let users select multiple value entries with the ASP.NET Core MultiSelect.
  • 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 ASP.NET Core MultiSelect - Header
  • Selecting Multiple Items from a DropDown List Made Easy

    The Telerik UI for ASP.NET Core MultiSelect component allows users to select multiple items from a dropdown list. It supports both local and remote data binding, client and server filtering, virtualization for performance enhancement, tag mode and it is easily customizable through templates.  

    Check out the Telerik UI for ASP.NET Core MultiSelect demo

    Telerik UI for ASP.NET Core MultiSelect - Overview
  • Data Binding

    The MultiSelect component provides various options for data binding, you can choose whichever fits your use case scenario: 

    Telerik UI for ASP.NET Core Data Binding
  • Server and Client Filtering

    Leverage the various modes of filtering, both on the server and client-side of your Core application. These filter modes can include “starts with” or “contains” and can customize how and when the results are displayed.  

    Learn more about ASP.NET Core MultiSelect Filtering 

    Telerik UI for ASP.NET Core MultiSelect - Client Filtering
  • Grouping

    The Telerik UI for ASP.NET Core MultiSelect component has a built-in grouping feature meant to contribute to an ultimate user experience by dividing the list items in different categories and making it easier to browse. 

    See more about the ASP.NET Core MultiSelect Grouping feature
    Telerik UI for ASP.NET Core MultiSelect - Grouping
  • Tag Mode

    The ASP.NET Core MultiSelect component comes with two tag modes – single and multiple. The single mode displays one tag counting the number of items selected, and the multiple mode shows all selected items as tags in the textbox of the component. In the second mode users can see more clearly their selection and remove any unwanted items with one click.  
  • MultiSelect Virtualization

    The Telerik UI for ASP.NET Core MultiSelect also supports virtualization of data which displays a fixed set of items defined by the user and renders the rest of the content within the same items size frame when the list is scrolled. To enable it, create Read and Value Mapper actions and set the desired number of items to be rendered as shown in the demo. The virtualization feature is useful for performance optimization when handling a large amount of data. 
  • Floating Label

    Provide a smoother and more efficient end-user experience with the ASP.NET Core MultiSelect floating label feature. Add a compact form label that floats above your input fields and save space while ensuring users don’t lose the form context.

    See the ASP.NET Core MultiSelect Floating Label demo

    Telerik UI for ASP.NET Core MultiSelect Floating Label
  • Adaptive Mode

    Enable a mobile-friendly rendering of the MultiSelect suggestion list by simply setting the AdaptiveMode parameter to AdaptiveMode.Auto. This will allow automatic adaptation of the picker component to the current size of the screen. The rendering will be changed accordingly as well.

    Check the Telerik UI for ASP.NET Core MultiSelect Adaptive Rendering Demo

    Telerik-UI-for-ASP.NET Core-MultiSelect-Component-Adaptive-Rendering
  • MultiSelect Templates

    The MultiSelect component is highly customizable, so it can be implemented in any project. You can customize its items, tags or enable a pop-up header to tailor it to your needs. For example, you can list different products, including both an image and product description, or you can use it to list all customers with photos and contact information as in this demo

  • Events

    The MultiSelect component exposes a set of OnClick events, some of which include Open, Close, Change, Select and more.  

    Telerik UI for ASP.NET Core Events
  • HTML and Tag Helpers

    Telerik UI for ASP.NET Core offers two options for declaring UI components – through HTML or Tag Helpers. You can choose which approach to use for the MultiSelect component based on preference, technology background or team development practice. Both HTML and Tag helpers allow you to lay out the components and their configuration with a simple and easy-to-read HTML-like syntax.   

    Telerik UI for ASP.NET Core HTML and Tag Helpers
  • RTL Support

    The Telerik UI for ASP.NET Core MultiSelect supports RTL users, and it can be easily adapted by changing the alignment from left-to-right and right-to-left with only a few settings. 
    Telerik UI for ASP.NET Core RTL Support
  • Keyboard Navigation

    Out-of-the-box keyboard navigation is supported by the ASP.NET Core MultiSelect component. It allows users to open and close the popup and select their desired items. To see a full list of keyboard controls and user actions visit this demo. 
    Keyboard navigation
  • MultiSelect Theming

    The ASP.NET Core MultiSelect is one of the many components in the suite that have 4 built-in themes and 20+ swatches. You can easily customize any of out-of-the-box themes with a few lines of CSS to match your customer’s design requirements, or you create new themes by using the Progress ThemeBuilder application application. 

  • Also Available

    The MultiSelect component is also available for these web development frameworks:

Frequently Asked Questions

  • Can I integrate the Telerik UI for ASP.NET Core MultiSelect with other components?

    The common use cases involve using the MultiSelect component together with Telerik UI for ASP.NET Core Form component or with the Data Grid.

    If you need to collect customer information and you want to provide them with multiple choices, then the easiest way is to set up a Form with a list of available options with multiple selections. As for the Grid, you can add a list to a Grid column with multiple selections to further facilitate data entry and provide more flexibility with less limitations.

  • Why should I work with a MultiSelect component from Telerik UI for ASP.NET Core?
    • The Telerik UI for ASP.NET Core MultiSelect enables you to build a dropdown list with multiple items to choose from, which is suitable when selecting invitation attendees or pizza toppings.
    • Just like any ASP.NET Core component, the MultiSelect component is highly accessible, responsive, and customizable allowing you to deliver engaging and consistent UI experience.
    • The component is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications.
    • The ASP.NET Core MultiSelect is frequently updated to ensure compatibility and cover user demands. If you see something missing, simply request it in the Telerik UI for ASP.NET Core Feedback portal.
    • With Telerik UI for ASP.NET Core you get access to a fast-responding support team on standby with 97% satisfaction rates.
    • Each feature of the MultiSelect component is documented and represented by a demo.
  • Do you offer a free trail for the Telerik UI for ASP.NET Core MultiSelect component?

    Yes, you can try all Telerik UI for ASP.NET Core components without paying anything or having to provide any payment details by simply signing for the free 30-day trial. During the evaluation, you will have access to all ASP.NET Core components, technical support, demos, documentation, and on-demand technical training.

All ASP.NET Core Components

Next Steps