# Navigation Tree - Selected Border Syntax?

**URL:** <https://forum.inductiveautomation.com/t/navigation-tree-selected-border-syntax/109360>\
**Category:** Ignition\
**Tags:** ignition81, vision\
**Created:** [August 5, 2025, 12:14am UTC](https://forum.inductiveautomation.com/t/navigation-tree-selected-border-syntax/109360 "2025-08-05T00:14:18Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![McLendon\_Automation](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mclendon_automation/32/78325_2.png) [@McLendon\_Automation](https://forum.inductiveautomation.com/u/McLendon_Automation)\
**Post date:** [August 5, 2025, 12:14am UTC](https://forum.inductiveautomation.com/t/navigation-tree-selected-border-syntax/109360/1 "2025-08-05T00:14:18Z")

</div>

It has been a while since I setup from start the Navigation tree.  
Can someone help me out with the syntax for Selected Border (or Border)?  
Trying to establish the Border and color for when an item is selected.  
My memory says it is something along these lines -  
border;color(line, 255,0,0,255);1)  
This is in the Data set editor.

I am getting the orange background color but no line.

---

<div class="post-metadata">

**Author:** ![McLendon\_Automation](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mclendon_automation/32/78325_2.png) [@McLendon\_Automation](https://forum.inductiveautomation.com/u/McLendon_Automation)\
**Post date:** [August 5, 2025, 12:37am UTC](https://forum.inductiveautomation.com/t/navigation-tree-selected-border-syntax/109360/2 "2025-08-05T00:37:43Z")

</div>

I finally got the syntax correct.

border(line;color(255,0,0,255);1)

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 5, 2025, 4:16pm UTC](https://forum.inductiveautomation.com/t/navigation-tree-selected-border-syntax/109360/3 "2025-08-05T16:16:32Z")

</div>

It's a little buried, but for posterity the string syntax for borders is documented on the `toBorder` page:

> **[toBorder | Ignition User Manual](https://docs.inductiveautomation.com/docs/8.3/appendix/expression-functions/type-casting/toBorder)**
>
> This function is used specifically when binding a Border property on a component. Typically, this is used with a Container or Label component but can be used on any component that has a Border property.