Adaptive Mode

The Telerik UI for ASP.NET Core DropDownTree 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().DropDownTree()
        .Name("dropdowntree")
        .DataTextField("Name")
        .DataValueField("id")
        .AdaptiveMode(AdaptiveMode.Auto)
        .DataSource(dataSource => dataSource
            .Read(read => read
                .Action("Read_DropDownTreeData", "Home")
            )
        )
    )

  <kendo-dropdowntree name="dropdowntree" 
                      datatextfield="Name" 
                      datavaluefield="id" 
                      adaptive-mode="AdaptiveMode.Auto">
    <hierarchical-datasource>
        <schema>
            <hierarchical-model id="id"></hierarchical-model>
        </schema>
        <transport>
            <read url="@Url.Action("Remote_DropDownTreeData", "Home")" />
        </transport>
    </hierarchical-datasource>
  </kendo-dropdowntree>

See Also

• Server-Side API