Hi, 

On my Angular 12 app, I am trying to use same node template approach for my treeView as suggested on documentation here:

https://www.telerik.com/kendo-angular-ui/components/treeview/node-template/

When I run my app, tree view looks like on image, whole layout is broken.

There is no specific css applied to the treeView or on its container that may affect view. 

If I remove k-icon, layout is fine, but then icon is not shown (just empty square). - see image 2.

Only change i made comparing to this example is to pass full object and to use object property to determine icon type.

So this is how my iconClass function looks:

  public iconClass(item: any): any {
      return {
        'k-i-file-pdf': is(item.type, '29'),
        'k-i-folder': item.items !== undefined,
        'k-i-html': is(item.type, '21'),
        'k-i-image': is(item.type, '17'),
        'k-icon': true,
      };
  }

Result is on attached image.. completely nonsense.

I am using kendo material theme.

any suggestion would be appreciated.

Thank you.

Hi Everyone!

 We have a requirement. For instance if more than one scheduled event(s) bound to a specific day falling between any timing (ex: 8:00 am to 9.00 am - 3 events for date Dec 1) in week view, It's just showing all the events in box with text not visible clearly. Event Title is visible completely only if particular timing has single event (only one scheduled event). Instead of this is there any option to show top one event completely visible in the box and loading all events for that specific timing by listing those in day view after pressing  (...)  more option button. So we are expected week view event listing has to be similar to month view available in kendo scheduler.

I wanted to span a column for a single row (the last row) and have it be sticky. Basically if I have a table with 5 columns and 5 rows, I want to have the 5th row span the full length of the 5 columns. I've looked at kendo-grid-span-column but I don't see a way to specify a row of data. I've also looked into using kendoGridFooterTemplate but it doesn't seem like there is support for spanning that quite yet.

Hello,

Is it possible to place grid filters outside of the grid?
The desired functionality is that when the screen is resized to a tablet or mobile size, that some of the grid columns would be hidden without horizontal scroll, but the ability to filter them should remain. All of the hidden data would be shown by clicking "+" icon in the grid.
In other words, can I reuse the filter components outside of the grid?

Here is a mockup of the desired functionality:

Hi,

I need to show some aggregates data at the root level node of tree list i.e at the bottom of the tree list, not at each node if the tree has more then one node. Can anyone suggest a way to hide the footer template except at the root node and show total or aggregates data at the root level node of tree list only . I am attaching screenshot of my requirement.

Thanks

Pankaj Toshniwal

how to upload files and select additional metadata by using the Kendo angular UI Upload control. I saw this is available in kendo UI for Jquery but we need in kendo UI for Angular. Below is the Jquery example. We need same control in Kendo angular UI .Is it available?

https://docs.telerik.com/kendo-ui/controls/editors/upload/how-to/select-additional-metadata

Hello,

when the default menu filter icons are clicked/filter popup is being opened, the page scrolls to the top. When I scroll down to the grid, I can see that the filter opened. Only happens with default filters. Tested with Chrome 96.0.4664.45 and Firefox 95.0.

I managed to replicate the unwanted behavior in StackBlitz:

https://stackblitz.com/edit/grid-in-cell-edit-with-datetimepicker-gljp2r?file=app/app.component.ts

The same thing happens if the top of the page is filled with other components, that have no relationship with the component containing the grid.

I have tried setting specific filter types, but it did not help. 

Is there a way to fix this?

I am trying to implement a dashboard where the user can add / remove and reorder widgets.

Loading the persisted state should not be a problem since I can create something like this:

<kendo-tilelayout-item *ngFor="let widget of widgets"
                       [title]="widget.title"
                       [col]="widget.col"
                       [order]="widget.order">...</kendo-tilelayout-item>

But how can I persist the state of the tilelayout to my models?

I tried with the reorder event but there I haven't got any information to identify my widget models.

  public onReorder(e: TileLayoutReorderEvent): void {
    // Find the model to persist changes
  }