I'm having trouble finding the cause of why the display has changed and the paging control is cutting off the value.  I can't see the difference from the Telerik doc examples.

or ...

The width of the browser window or resolution doesn't have any effect.

We are using the "_content/Telerik.UI.for.Blazor/css/kendo-theme-bootstrap/all.css".

I have the following TreeList definition inside a model-dialog box.  The modal-dialog:overflow-y options (auto, hidden, scroll, visible) let me turn the dialog's scroll bar on and off.  However, none of them seem to work like I would expect.  How do I freeze the height of the modal-dialog so that the scroll bar on the TreeList becomes active?  It seems the dialog stretches off-screen.

@if (ShowDialog)
{
    <div class="modal fade show d-block" id="exampleModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="titleLabel">@Title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" @onclick="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">


                    <TelerikTreeList Data="@Groups"
                                     IdField="@nameof(SelectedGroup.Id)"
                                     ParentIdField="@nameof(SelectedGroup.ParentId)"
                                     SelectedItems="@SelectedGroups"
                                     FilterMode="@TreeListFilterMode.None">
                        <TreeListColumns>
                            <TreeListColumn Expandable="true" Field="Name" Title="Name" />
                        </TreeListColumns>
                    </TelerikTreeList>


                </div>
            </div>
        </div>
    </div>
}

<style>
    .modal-dialog, .modal-dialog img { /*same value to avoid overwidth*/
        width: 70%;
        height: 90%;
        margin: 15px auto;
        overflow-y: visible;
    }
</style>

How can I get the TreelList to show all children of parents who match a filter (or searchbox) condition, and keep the expandability of filtered nodes, even if children don't match the filter condition? Currently children that don't match the search are hidden and the parents become non-expandable.

For example, if I have a tree with an item "Fruit" with children "Apple", "Orange", "Grape", I would like "Apple", "Orange" and "Grape" to still show if I search for "Fruit" in the search box. If the "Fruit" node was not expanded, I want it to stay expandable.

I am using the TreeList with load data on demand. I am currently partially achieving the desired result by adding "dummy" child nodes that match the parent so the parent stays expandable on search, then removing the dummy nodes on expand and replacing with the real child items. I have also tried using hidden fields. It seems like the TreeList should have a built in option to support this use case.   

Any chance of having the CheckParents functionality of the TreeView component in the TreeList component?

KR

Hello!

I am using Telerik.UI.for.Blazor version 5.0.0.,

I have a page with a treelist. I want all items to be collapsed when the page is loaded and the treelist is displayed for the first time.

How do I do this?

I am using treelist to display an hierarchical dataset that is read from an API using web calls.

I have encounbtered a problem where my source data contained many root items (which was an actual programming error), but by this surfaced a problem that you have to read ALL roots (or all children of an item) in order to make paging work correctly.

As in some cases I may have up to 10K "child" items (whichs unfortunately landed in my root due to the error), I would expect treeview and treelist to handle this without actually having to transfer 10K objects from my API call.

For this, a similar solution like the one used for the grid "OnRead" event would be a good solution as this could tell the treeview how many (root or direct child) objects there actually are  and provide the offset to start reading with and how many objects to return.

You could even throw in filtering and sorting for all I care and recycle the DataRequest class for this.

This in turn should help getting the "paging" right for the treelist/treeview.

Regards - Hans

Hello, i was wondering if it is possible to bind and display data in a column from a List/Array of data like this:

public record Item
{
    public string Name { get; set; }
    public List<int> CostsAtMonths  { get; set; } = new();
    public int[] CostsAtMonths { get; set; }
}

Then have it displayed in in a TreeList with a column for each month of the year, where each column points to an item of the list/place in an array like this:

This older issue explains how to change the collapse/expand icon on the TelerikTreeList component.

https://www.telerik.com/forums/is-there-a-way-to-change-or-change-or-enlarge-treelist-expand-icon

is this explanation still accurate?

I have implemented this approach but it has no affect.

I am using version 4.3 in a Bl;azor Server app using the FluentIU theme.

Thanks

Jim

Hello,
Now the TelerikTreeList component is rendered by default with the css class k-grid-md.
On the TelerikGrid component the Size can be set so the grid can be rendered with the css class k-grid-sm.

I would need the possibility to set on TelerikTreeList component the css class k-grid-sm.
How can that be achieved now?

Best regards,
Cipri

Is it possible to disable or simply remove the icon for the drag action on a row in a treelist? I have a scenario where the children under specific parent should not be able to be dragged to another parent or change its position withing the parent group.

Thanks