New to Telerik UI for ASP.NET Core? Download free 30-day trial

Adaptive Mode

The Telerik UI for ASP.NET Core MultiSelect supports an adaptive mode that provides a mobile-friendly rendering of its popup. Which will accommodate its content based on the current screen size.

To set the adaptive mode, use the AdaptiveMode() option.

    @(Html.Kendo().MultiSelect()
        .Name("multiSelect")
        .DataTextField("ProductName")
        .DataValueField("ProductID")
        .AdaptiveMode(AdaptiveMode.Auto)
        .DataSource(source =>
        {
            source.Read(read =>
            {
                read.Action("GetProducts", "Home");
            })
            .ServerFiltering(true);
        })
    )
    <kendo-multiselect name="multiSelect"
                       adaptive-mode="AdaptiveMode.Auto"
                       datatextfield="ProductName"
                       datavaluefield="ProductID">
       <datasource type="DataSourceTagHelperType.Custom" server-filtering="true">
           <transport>
                <read url="@Url.Action("GetProducts", "Home")" />
           </transport>
       </datasource>
    </kendo-multiselect>

See Also

In this article