Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 02 Nov 2021 20:37 by ADMIN
Cyril
Created on: 27 Oct 2021 10:00
Category: TreeView
Type: Feature Request
1
Icon customization for kendo-treeview
Hello,

 

We would like to be able to customize icons used in kendo-treeview (ex: arrows to access child elements).

This is required to match the rest of our style guide where we only use fontawesome icons.

Having still some kendo UI icons feel a bit weird at the moment.

 

Thanks!


Regards
1 comment
ADMIN
Hetali
Posted on: 02 Nov 2021 20:37

Hello Cyril,

Thank you for the feature request. Similar to the feature request to customize icons in the Kendo UI Menu, I am approving this request and setting it as unplanned.

Please use the following CSS to customize the icons in the Kendo UI TreeView:

@import "https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css";
  
.k-icon.k-i-collapse::before {
  content: "\\f107";
  font-family: FontAwesome;
}
  
.k-icon.k-i-expand::before {
  content: "\\f105";
  font-family: FontAwesome;
}

In this StackBlitz example, I have replaced the default Kendo UI TreeView icons with the Font Awesome icons.

Let me know if you have any further questions pertaining to this case.

Regards,
Hetali
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category