Hi,
We're using igTree and shows data coming from database. Firstly we can't find anything related to showing tooltips on each node of igTree. Can you please let us know how can we show tool tip on each node on the tree? Like we want to show the node text on the tool tip. (Node text is different for each node in the tree so tool tips should be different).
Once this is achieved, we'd like to customize it based on certain value coming from the DB. For eg. apart from showing just text on the tree we show some icons as well. These are fixed set of icons (just 3-4 icons). So each node will have an icon (based on a value coming from the DB) and node text. So we want to modify or customize the tool tip of each node to show the name of the icon and text of the node.
Can you please let me know how can we go about this. Appreciate your quick help..
Let me know if you need more info.
Hi there,
Inside the tree bindings you can defined a nodeContentTemplate. In your case you would like to get a tooltip (title) for each node which is a data member of the JSON that you are binding the tree to (if I am understand you correctly).
Here is how you can achieve this:nodeContentTemplate: "<a title='${TooltipData}'>${TextKey}</a>"
This would render your node anchor with an additional title that comes from your data.
Refer to: https://www.igniteui.com/help/api/2019.1/ui.igtree for additional API documentation on the igTree.
Refer to: https://www.igniteui.com/help/adding-igtemplating-references for additional info on how to use the templating engine.
It did the trick. Thanks a ton for your help..!
Thx,
Sagar
I'll go through it and try it. If you have or can prepare a sample for this (with icon and text on node) showing tool tip, that will be great..