kendoTreeDragClueTemplate with the lost of iconClass on Angular Kendo 14.xx ++

1 Answer 9 Views
TreeView
Pierre
Top achievements
Rank 2
Iron
Iron
Pierre asked on 26 Apr 2024, 03:35 PM

Hi, with angular Kendo 14++ we lost the Icon Class. But now how I can  cutomize treeview custom drag template?

I whant to add the k-i-cancel icon on some specific node. In the pass I was using:

<ng-template kendoTreeViewDragClueTemplate let-action="action" let-sourceItem="sourceItem"
    let-destinationItem="destinationItem" let-text="text">
    <span class="k-drag-status k-icon" [ngClass]="getDragStatus(action, sourceItem, destinationItem)"></span>
    <span>{{ text }}</span>
</ng-template>

 

Then in the getDragStatus I can do the logic and push the correct icon in ngClass.

For now I remove the template because I lost all the other icon like (add, insert, ... )

Its just for visual help, because I validate the drop in the "nodeDrop" fonction.

Thanks

1 Answer, 1 is accepted

Sort by
0
Yanmario
Telerik team
answered on 01 May 2024, 01:17 PM

Hi Pierre,

The developer can still use font icons, but in theory, this can also be achieved using SVG icons:

https://stackblitz.com/edit/angular-5smgyg

or

https://stackblitz.com/edit/angular-5smgyg-gda7kl

I hope this helps.

Regards,
Yanmario
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Tags
TreeView
Asked by
Pierre
Top achievements
Rank 2
Iron
Iron
Answers by
Yanmario
Telerik team
Share this question
or