I'm using the TreeView component for Angular.  Everything is loading fine.  Now I want to add a button to expand or collapse the whole tree.  How can I do this?

Also, any tips on making the checkboxes more defined would be helpful. They're a bit faint.

Thanks

How do I add layout package to a project? This:

ng add @progress/kendo-angular-layout

doesn't work.

I am doing this:

<kendo-splitter orientation="vertical">
  <kendo-splitter-pane> <h3>Top pane</h3> </kendo-splitter-pane>
  <kendo-splitter-pane *ngIf="visible"> <h3>Bottom pane</h3> </kendo-splitter-pane>
</kendo-splitter>

Nothing works. What do I need to install/import/export and what else to make it work? I have spent hours searching for a single page that would explain how to add all kendo to a project.

What I understand is that the tree data has to ordered before hands in order to show in as a hierarchy. Is that correct? The reason I am asking is because other products can accept unordered data but parent-child ids.

Thanks

Hi,

I want to set the focus to the first invalid control in a form. This works fine for all controls except for the dropdown list.

I've created a stackblitz fork for reproduction:
https://stackblitz.com/edit/angular-n9wue6?file=app/app.component.ts

Any ideas how I can fix this?

Thx

D&D hint and clue offset is invalid.

Looks line it is of by TreeView top left corner coordinate.

How do I account for the TreeView position?

Hi,

We recently bought "Telerik Kendo UI for Angular" for our Angular app and we are using .Net core APIs as back-end for the application. We are planning to use Telerik Datasource extension/wrapper classes (NuGet package) for server side paging/sorting/filtering. Do we need to have separate license for this extension or can we use it as we already have license for Telerik UI?

Thanks for your time!

Hello,

I use Kendo UI and i have a grid with server side filtering and sorting with a custom directive for loading the data. The problem i have is that i want to trigger dataStateChange when i scroll to bottom to make a request and fetch the data on the next page. The grid still fires the directive dataStateChange when i filter or sort, but not when i scroll to bottom. I know that dataStateChange fires when i press a button in pagination, but i want to implement this on scroll.

The header of the kendo grid

 <kendo-grid inventoryBinding (dataStateChange)="dataStateChange($event)" (scrollBottom)="loadMore()" [filterable]="true" [sortable]="true" [navigable]="true" height="400">

My directive is implmented just like in this example: 

https://stackblitz.com/edit/angular-66vvau?file=src%2Fapp%2Fapp.component.ts

Thank  you in advance for your answer!

Hi!

In the documentation it says: "The keyboard navigation of the Scheduler is always available."

Is there any way to disable it?

Hi,

I'm trying to display a TreeView inside a div. The intention is that the TreeView can take all the available spaces left besides other controls.

HTML (properties on other controls are omitted):

CSS:

The problem is when tree node is expanded, when the total height exceeds the available heights, it seems the <ul> DOM inside kendo-treeview will extends the height of kendo-treeview and so does the div wrapping it. As a result the scroll bar of the outer most div (class="container") is enabled, instead of the scroll bar of kendo-treeview itself. This leads to that the whole section to be scrolled but not tree view only. I've tried many css settings but failed to restrict the scroll bar to be inside tree view only. The scroll bar of the tree view will be shown only when the height of the kendo-treeview is set fixed as px, which I don't want to since I prefer it to be self-adjusted.

So how should I make the tree view scroll bar to work instead of triggering the scroll bar of the outer most div?

Thanks in advance.