Hey there,

I'm currently developing a web app and making use of KendoUI, with a specific focus on the KendoTooltip component. However, I'm facing an issue when trying to use it with a native HTML5 dialog. The tooltip doesn't seem to display above the dialog.

Update: I just realized, that all components using KendoPopup are affected. So when I open a dropdown it's hidden in the background as well.

It's worth noting that the native HTML5 title attribute works just fine in this scenario.

I've even forked one of your examples to demonstrate the problem: Tawij7 (forked) - StackBlitz

If anyone has insights or suggestions on how to make the KendoTooltip work seamlessly with native HTML5 dialogs, I'd greatly appreciate your help!

Thanks in advance!

Hello,

When using kendo-pdf-export to export a table to pdf, if the content in a row is longer than a page, it will cut off the content. 

The html page:

The pdf:

Any one has any idea how to fix this?

Thanks in advance !

The basic question:

Is it possible to intercept drops with DropPosition.Before or DropPosition.After, and change them to DropPosition.Over?

Do I need to handle this using a custom edit service?  If so, is there an example of setting one up that I can refer to?  I'm of course not looking for something already written to achieve exactly what I'm trying to do, but I'm having trouble finding even a basic example of using one with the treeview component, so I don't know where to begin.

Background on why I'm looking for this:

I have a drag and drop tree view in which I'm trying to maintain 1 level of hierarchy.  This is one level of folder nodes, each of which can contain file nodes which can be dragged and dropped between folder nodes.  File nodes cannot have children, and a folder node cannot be a child of another folder node.

I've been able to achieve this by checking the drop event and setting it to invalid unless the DropPosition is equal to Over, but this severely limits where the user can drop a node.

I'm currently preventing dropping one file node onto another file node, because the default behavior would make the dropped node the child of the target node.  Ideally, I'd like to instead allow the drop, but make the dropped node become a child of the target node's parent folder node, so a sibling of the file node it was dropped on.

I'm also preventing dropping a file node at the top or bottom edge of a folder node because Kendo reads this DropPosition as Before or After.  By default, this places the dropped file node at the same hierarchy level as the folder node it was dropped on.  Ideally, I'd like to change the Before and After positions to Over, so that the file node becomes a child of that folder rather than moving beside it.

I've implemented logic for some of this in (addItem) and (removeItem) handler methods on the component, and while they do handle the data correctly in the background, they seem to have no effect on what Kendo is doing visually in the template until the page is refreshed.

Hello!

Is there any option to pin window to some DOM element, so that when i am scrolling whole page the window could scrolls together with it? I saw similar option in Kendo UI for jQuery. Or maybe you can suggest some workaround?

I also tried to use specifying custom window container but it is actually now working as I expected.

Thank you in advance!

trying to use the fillMode or size inputs on a <kendo-datepicker> is causing the following error...

ERROR TypeError: Cannot read properties of undefined (reading 'nativeElement') 

it's happening at line 9241, the toggleButton property seems to be undefined at that point. 

The rounded input which doesn't try to get the toggleButton works fine.

I don't know if it's something specific to my setup, but I can reproduce this by just doing

> ng new testapp

> ng add @progress/kendo-angular-dateinputs

and replacing the app component html with just

<kendo-datepicker fillMode="flat"></kendo-datepicker>

I'm using angular 16, node 18.17, typescript 5.1.6, datepicker version 13.4.0

Hi, List box [toolbar]="false" doesn't work. It's just display empty on browser. I am using Angular cli 16.2. Using ToolbarSettings also has the same issue.

Also how can I load Listbox using databinding? I couldn't find the examples.

<kendo-listbox kendoListBoxDataBinding [data]="memberNames" [toolbar]="toolbarSettings"></kendo-listbox>

Hello,

Does the TreeList component support server-side pagination?

It seems that the only way to use pagination with the TreeList component is to fetch all the parent nodes from the remote resource and then the component can apply paging to them in memory. Is this correct, or can the parent nodes be paginated server-side in a similar fashion to items with the Grid component? And if so, how would one go about doing this?

Our use case involves a two-level hierarchy, where there may be tens of thousands of parent nodes, so only being able to fetch the child nodes on demand isn't quite enough to limit the amount of data loaded at once, hence our need to paginate the parent nodes.

Thank you.

The calendar popup is not getting closed even after selecting the date or clicking outside.

This is how I have integrated data picker in my component.

Hi there,

While working with the Filter Component I was able to export an CompositeFilterDescriptor object on the client side before sending it to the server, the backend is a .net core API.

Unfortunately I tried to use Telerik.Datasource DLL in order to utilize the JSON parsing functionality inside however it seems like they are from two different worlds !

On the Angular side the CompositeFilterDescriptor looks like this 

{
    "logic": "or", 
    "filters": [ 
       {
           "field" : "unitId",
           "operator" : "eq", 
            "value" : "1005"
       }
     ]
}

On the .NET side the CompositeFilterDescriptor it is expecting something like this 

{
  "logicalOperator": 1,
  "filterDescriptors": [
      {
        "member": "unitId", 
        "operator": 2 , 
        "value" : "1005"
      }
  ]
}

Summary of Differences

1- Field names are different and hence not parsed properly ( i.e. logicalOperator vs logic)

2- Enumerations are sent as strings from Angular but parsed as Integers from Telerik.Datasource 

3- Its called Field in Angular and Member in Telerik.Datasource

I feel a little bit confused here, is there any library provided by telerik that I can use to capture the Angular CompositeFilterDescriptor received from the client app inside a Web API ?