# \[Feature-13797\]Perspective 8.0.6 Tree - individual item styles

**URL:** <https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926>\
**Category:** Ignition\
**Created:** [November 13, 2019, 9:15pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926 "2019-11-13T21:15:38Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![mleefers](https://avatars.discourse-cdn.com/v4/letter/m/8edcca/32.png) [@mleefers](https://forum.inductiveautomation.com/u/mleefers)\
**Post date:** [November 13, 2019, 9:15pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/1 "2019-11-13T21:15:38Z")

</div>

Hi All,

I have a tree set up like a tag browse tree to dynamically build a time series chart. I am looking for a way to show on the tree which items have been added to the chart already. I have the tags showing in a legend but I need a way for someone to be able to take tags back off the chart that have already been added. I want to do this by changing either the icon, background color or text of the item so they stand out on the tree. Is there a way to access these parameters for each item individually?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [November 13, 2019, 9:32pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/2 "2019-11-13T21:32:10Z")

</div>

Not yet, but we have an open feature ticket to allow for this. No ETA as of yet.

---

<div class="post-metadata">

**Author:** ![mleefers](https://avatars.discourse-cdn.com/v4/letter/m/8edcca/32.png) [@mleefers](https://forum.inductiveautomation.com/u/mleefers)\
**Post date:** [November 13, 2019, 9:33pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/3 "2019-11-13T21:33:36Z")

</div>

Ahh okay sounds good. Thanks for the update.

---

<div class="post-metadata">

**Author:** ![NorthPoint](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@NorthPoint](https://forum.inductiveautomation.com/u/NorthPoint)\
**Post date:** [March 24, 2020, 4:34pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/4 "2020-03-24T16:34:15Z")

</div>

I am looking for this too. Is there yet a way to style individual items in a Perspective Tree, such as you could with Vision? Icon, color, etc.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [March 24, 2020, 8:23pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/5 "2020-03-24T20:23:29Z")

</div>

(While using 8.0.11 nightly)

While the feature is still open, it looks like each individual item has its own style and modifications to that style seem to be represented in the component, with the exception of the “parent item” of the current level.

For example:  
with `props.style.backgroundColor = #ACDD9C` (general background)  
and `props.items[0].style.backgroundColor = #D62929` (Menu Item 1)  
and `props.items[0].items[0].style.backgroundColor = #D9B9B9` (Submenu Item 1)

The top-level and individual item stylings are applied correctly:

![38%20PM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/1/13761ef51aff1f8a3a521241097d014c028218ea.png)

And the child “sub-items” (“Submenu Item 1”) styles are applied correctly, but you can see that the “parent-level” (“Menu Item 1”) style is ignored and instead has the root-level style applied:

![47%20PM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/2900ee1a476e5f7e274db7e61171b49354b1ed1e.png)

I also verified the Icon colors are applied as expected.

---

<div class="post-metadata">

**Author:** ![NorthPoint](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@NorthPoint](https://forum.inductiveautomation.com/u/NorthPoint)\
**Post date:** [March 25, 2020, 8:21pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/6 "2020-03-25T20:21:26Z")

</div>

I have a feeling we are talking about two different objects. The screencaps you sent look like the “Menu Tree” (navigation object). The original post (and my question) is about the plain old “Tree” object.

THAT object has “defaultNodeIcons” that define the icon and color for folders, open folders, and non-folders. The fact that it says “defaultNodeIcons” makes me think that someone was intending on having icons and colors that could be used for each item (say based on the contents of that item), and only if those where NOT specified would the “defaults” be used.

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [April 2, 2020, 9:42pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/7 "2020-04-02T21:42:19Z")

</div>

I am also interested in styling the individual tree items. +1 for this feature request

---

<div class="post-metadata">

**Author:** ![NorthPoint](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@NorthPoint](https://forum.inductiveautomation.com/u/NorthPoint)\
**Post date:** [April 23, 2020, 1:37pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/8 "2020-04-23T13:37:25Z")

</div>

I spoke with tech support about this, and they pointed out that hidden in the sample dataset that comes when you create a new tree object is the answer. If you look at the item “Grandchild 1” for instance, it has an object in its root “icon” with properties including path and color. You have to add these to the data yourself, but they do seem to work well.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/8/8319462c3ed40133aef0214b1911653c5a616164.png)

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [April 23, 2020, 8:55pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/9 "2020-04-23T20:55:23Z")

</div>

oh wow. Can’t believe I missed that 😅

Thank you for the tip NorthPoint!

---

<div class="post-metadata">

**Author:** ![NorthPoint](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@NorthPoint](https://forum.inductiveautomation.com/u/NorthPoint)\
**Post date:** [April 23, 2020, 8:57pm UTC](https://forum.inductiveautomation.com/t/feature-13797-perspective-8-0-6-tree-individual-item-styles/29926/10 "2020-04-23T20:57:16Z")

</div>

Me either, but then again I asked IA themselves several times and got the answer that it is not possible…so it is easy to miss…
