# Tag browse tree: hide tag properties

**URL:** <https://forum.inductiveautomation.com/t/tag-browse-tree-hide-tag-properties/34665>\
**Category:** Ignition\
**Tags:** ignition80\
**Created:** [May 12, 2020, 5:29pm UTC](https://forum.inductiveautomation.com/t/tag-browse-tree-hide-tag-properties/34665 "2020-05-12T17:29:24Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![francois.beduneau](https://avatars.discourse-cdn.com/v4/letter/f/8baadc/32.png) [@francois.beduneau](https://forum.inductiveautomation.com/u/francois.beduneau)\
**Post date:** [May 12, 2020, 5:29pm UTC](https://forum.inductiveautomation.com/t/tag-browse-tree-hide-tag-properties/34665/1 "2020-05-12T17:29:24Z")

</div>

Hello,

I’m using Tag browse tree component in realtime mode and I would like to hide tags properties ( items with “Tree Node” symbol example: OpcItemPath, Quality, Tooltip, …).  
I tried to use “filterTag” extension Function but it was unsuccessful…  
Is it possible to hide tag properties or disable the tag handles on the tag browse tree component?

Thanks,

---

<div class="post-metadata">

**Author:** ![schen48](https://avatars.discourse-cdn.com/v4/letter/s/67e7ee/32.png) [@schen48](https://forum.inductiveautomation.com/u/schen48)\
**Post date:** [April 29, 2021, 7:19pm UTC](https://forum.inductiveautomation.com/t/tag-browse-tree-hide-tag-properties/34665/2 "2021-04-29T19:19:37Z")

</div>

same problem here. looking for the answers.

---

<div class="post-metadata">

**Author:** ![illank86](https://avatars.discourse-cdn.com/v4/letter/i/c77e96/32.png) [@illank86](https://forum.inductiveautomation.com/u/illank86)\
**Post date:** [December 11, 2023, 2:39pm UTC](https://forum.inductiveautomation.com/t/tag-browse-tree-hide-tag-properties/34665/3 "2023-12-11T14:39:02Z")

</div>

Any updates on this?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [December 11, 2023, 2:53pm UTC](https://forum.inductiveautomation.com/t/tag-browse-tree-hide-tag-properties/34665/4 "2023-12-11T14:53:08Z")

</div>

If you check in your browser's Developer Tools you'll see that each of the properties is `class="terminal-node"`. It may be possible to, at least, hide those nodes (`display : none`) but the ▶ symbol will still show up on the tag name.

One of the CSS gurus may offer a solution.

---

<div class="post-metadata">

**Author:** ![mdia](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdia/32/87599_2.png) [@mdia](https://forum.inductiveautomation.com/u/mdia)\
**Post date:** [October 16, 2024, 7:48pm UTC](https://forum.inductiveautomation.com/t/tag-browse-tree-hide-tag-properties/34665/5 "2024-10-16T19:48:41Z")

</div>

Adding these styles to the Advanced Stylesheet will give you what you want

```python
/* Hide the tag meta data by targeting the terminal-node class */
#ia_tagBrowser.terminal-node {
	display: none !important;
}

/* Hide the arrow for tag nodes (elements that are not folders) */
.parent-node:not(:has(svg[data-icon="material/folder"])) .ia_treeComponent__expandIcon {
    visibility: hidden; /* Use visibility to keep spacing */
}

/* Ensure the arrow is visible for folder nodes */
.parent-node:has(svg[data-icon="material/folder"]), 
.parent-node:has(svg[data-icon="material/folder_open"]) {
    visibility: visible !important;
}

/* Ensure the arrow remains visible when the folder is expanded */
.ia_treeComponent __node--expanded .ia_treeComponent__ expandIcon {
    visibility: visible !important;
}

/* Maintain the expand/collapse arrow for expanded folders */
.ia_treeComponent__expandIcon[data-icon="material/arrow_drop_down"] {
    visibility: visible !important;
}

/* Ensure the hierarchy lines and spacing are maintained */
.ia_treeComponent__alignmentGuide {
    display: block !important;
}

```