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>