Font Awesome icons

[Bernard Jurlina]

I have a database bound treeview like this

@(Html.EJ().TreeView("treeMenu")

    .TreeViewFields(s => s.Datasource((IEnumerable<Form.Models.Menu>)ViewBag.dsMenu)

        .Id("Id")

        .ParentId("ParentId")

        .Text("Text")

        .HasChild("Child")

    .ClientSideEvents(evt => evt.NodeClick("onNodeClick"))

    .ExpandOn("click")

    .EnablePersistence(true))

and I want to have one new field for the icons. Is there some example how can I do this with Font Awesome icons? Or maybe ejicons?

Thanks!

[Ashokkumar Balasubramanian]

Hi Bernard, 

 

We have analyzed your query. We suspect that, you want to set the icon for each node. In our TreeView component, we have provided the “spriteCssClass” property, so you can use this property to set the icon for each node. Please check the below playground sample. 

 

http://jsplayground.syncfusion.com/n4ccucls 

 

Already we have discussed this kind of details in below forum, please check it. 

 

https://www.syncfusion.com/forums/126329/node-icons-in-treeview 

 

Please let us know, if the provided information’s are helpful to achieve your requirement or not. 

 

Regards, 

Ashokkumar B. 

[Bernard Jurlina]

Thank You!

I made custom css and png for the icons and used that with spriteCssClass property, and it's working just fine.

Regards,
Bernard.

[Ashokkumar Balasubramanian]

Hi Bernard, 

 

We are glad to hear that your issue has been fixed. 

 

Please let us know if you need any further assistance. 

 

Regards, 

Ashokkumar B.