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 ?

Hi All,

Kendo dropdown list by default shows 6 items when expanded (clicked on down arrow). How can i increase the number of items to be displayed?

Need to show at least 15 items instead of 6. Also need to change the height of list items so that more items can be shown.

Tried changing the height, but it increased the height of dropdown list itself instead of the slider that pops out when clicked.

Thanks!!!

Does the kendo-numerictextbox support tooltips? I cant seem to find any documentation on it.

The placeholder wont do as its gone after text is typed.

I am using the kendo-pdf-export and I need to send the resulting pdf to my backend API without opening or downloading the file locally. 

I used the following to achieve this:

 exportToPdf(pdfExport: { export: () => Promise<any>; }) {
    
    pdfExport.export().then((group) => {
      exportPDF(group).then((data) => {
        
        saveAs(data, 'Cdl-conformite-' + this.searchCriteria.courtier + '_' + this.datePipe.transform(this.searchCriteria.valueDate, 'yyyy-MM-dd') + '.pdf', {
          proxyURL: `${PATH}/savePdf`,
          forceProxy: true
        });
      });
    });
  }

I configured my backend to receive the file and can upload it to an S3 bucket. All this works fine.

My only problem is that when I click the button to save the pdf it redirects the UI to my /savePdf route which ... obviously is a blank page.

How can I force the control to use the proxy to send the file but not redirect the UI i.e. stay on the current page but submit the post asynchronously to my backend and do nothing else in the UI?

EDIT: I used proxyTarget = "_blank", it's better but the new window is focused and remains open which is not really acceptable.