Control the Height of an Empty Kendo UI TreeView's Drop Zone

Environment

Product Version 2020.1.114
Product ProgressĀ® Kendo UIĀ® TreeView for ASP.NET MVC

Description

How can I increase the height of a Kendo UI TreeView's drop zone? Additionally, is there a way to set a border?

Solution

In order to modify an empty Kendo UI TreeView's drop zone to make it more accessible for newly dropped items, set a minimum height to a certain value with the HTMLAttributes. Additionally, you can set a border to your preferences in the same settings:

    @(Html.Kendo().TreeView()
        .Name("treeview")
        .DragAndDrop(true)
        .HtmlAttributes( new { style = "border: 5px solid red; min-height: 200px;" })
        //...
    )
In this article
Not finding the help you need? Improve this article