Telerik Forums
Kendo UI for Angular Forum
1 answer
904 views

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 !

 

Martin Bechev
Telerik team
 answered on 13 Sep 2023
0 answers
347 views

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.

Software
Top achievements
Rank 1
Iron
 updated question on 12 Sep 2023
1 answer
197 views

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!

Tsvetelina
Telerik team
 answered on 12 Sep 2023
1 answer
383 views

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

Simeon
Telerik team
 answered on 12 Sep 2023
0 answers
138 views

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>

Rajendra
Top achievements
Rank 1
 asked on 07 Sep 2023
1 answer
378 views

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.


Yanmario
Telerik team
 answered on 07 Sep 2023
1 answer
1.8K+ views

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.

<kendo-datepicker *ngIf="formControl.allowEditing && !disabled && active" placeholder="mm/dd/yyyy"
    [formControlName] = "controlName" [min]="minDate" [max]="maxDate" [disabledDates]="disableDates" >
   

</kendo-datepicker>

 

 

Hetali
Telerik team
 answered on 05 Sep 2023
1 answer
126 views
I've set the heights of all the kendo-(inputs) to be 45px when they are created, yet for whatever reason the div with class k-form-field-wrap is always 4 pixels taller for the dropdown list input compared to the other form inputs. Does anyone know what maybe causing this?
Tsvetelina
Telerik team
 answered on 05 Sep 2023
0 answers
121 views

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 ?

 

 

Ahmed
Top achievements
Rank 1
 asked on 04 Sep 2023
1 answer
572 views

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!!!

Tsvetelina
Telerik team
 answered on 04 Sep 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?