Telerik Forums
Kendo UI for Angular Forum
0 answers
210 views

Hello,

I have encountered an issue when I manipulate the array which I use for [nodes] in my kendo-treeview. When a new item is added to the array, or an old one is updated, they simply disappear from view. Since I knew that the array contained the new/updated item I eventually realized that it was in fact still being rendered in the HTML, just with the added "k-hidden" property - thus not being visible. 

I'm yet to figure out a good solution to this problem. I could in theory use ::ng-deep to disable the default behaviour of .k-hidden in the component, but then I can no longer use the filtering function as it relies upon being able to use k-hidden. 

How come the newly added or updated items in my array get the "k-hidden" property in the first place though? Here's an example of the code:

<kendo-treeview 
                  [nodes]="dataService.tables"
                  [filterable]="true"
                  [expandOnFilter]="{expandedOnClear: 'initial'}"
                  [textField]="['tableName', 'tableColumnName']"
                  kendoTreeViewExpandable
                  kendoTreeViewSelectable
                  kendoTreeViewHierarchyBinding
                  (selectionChange)="onTableClick($event)"
                  childrenField="tableColumns">
</kendo-treeview>

With dataService.tables being a simple "Array<Table>" which I occasionally push new objects to. (when I say update I mean replace the old item in the array with a new one, not simply changing fields on the item in the array)

Here you can see the difference between the elements as viewed through the browser console:

Apologies if this question has already been answered, or if I'm glossing over something obvious. I did some research but couldn't find anything.

Erik
Top achievements
Rank 1
 asked on 19 Sep 2023
1 answer
197 views

Why Kendo UI Angular combobox or dropdownlist items are displaying horizontally?

 

 

here is my code:

 <kendo-formfield>
          <kendo-label [for]="gender"
                       text="Gender"></kendo-label>
          <kendo-combobox #gender
                          formControlName="gender"
                          [data]="genders"
                          textField="text"
                          valueField="value">
          </kendo-combobox>
 </kendo-formfield>
Simeon
Telerik team
 answered on 18 Sep 2023
1 answer
126 views

I noticed that when using the kendo-pdf-export wrapper if I had elements using linear-gradient for background, it would not export the background.

For example I had some elements that where using a hashing background.


Andrei
Top achievements
Rank 1
Iron
 answered on 18 Sep 2023
0 answers
98 views
I would like the value 0 to always be visible in the graph as a reference.

How can I do?
Tera
Top achievements
Rank 1
Iron
Iron
 asked on 18 Sep 2023
0 answers
90 views
I have a Kendo Date Picker for AngualrJS and I would like to color the individual day cells for a given day within the month.

How do I do that?

I see the Angualr solution with ng-template, but how do I do that in AngualrJS?
Clint
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 14 Sep 2023
0 answers
126 views

I am using the kendo tabstrip with several tab items. But it is not possible to use touch and drag to scroll vertically on mobile devices ?
There is only an option for mouse scroll, which does not work smoothly in general. 
I have tested the examples here https://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/scrollable/ and when I try to use the mouse scroll it is not working perfectly. 

Jennifer
Top achievements
Rank 1
 asked on 14 Sep 2023
1 answer
391 views

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!

 

 

Simeon
Telerik team
 answered on 13 Sep 2023
1 answer
776 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
267 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
145 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?