Adaptive Mode

The Telerik UI for ASP.NET MVC AutoComplete 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().AutoComplete()
        .Name("autocomplete")
        .DataTextField("ProductName")
        .Filter("contains")
        .AdaptiveMode(AdaptiveMode.Auto)
        .DataSource(source =>
        {
            source.Read(read =>
            {
                read.Action("Products_Read", "AutoComplete");
            })
            .ServerFiltering(true);
        })
    )

See Also

• Server-Side API