# Ignition Perspective, highlight selected row

**URL:** <https://forum.inductiveautomation.com/t/ignition-perspective-highlight-selected-row/89683>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 30, 2024, 7:45am UTC](https://forum.inductiveautomation.com/t/ignition-perspective-highlight-selected-row/89683 "2024-04-30T07:45:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![d.iannozzi](https://avatars.discourse-cdn.com/v4/letter/d/ecd19e/32.png) [@d.iannozzi](https://forum.inductiveautomation.com/u/d.iannozzi)\
**Post date:** [April 30, 2024, 7:45am UTC](https://forum.inductiveautomation.com/t/ignition-perspective-highlight-selected-row/89683/1 "2024-04-30T07:45:40Z")

</div>

Hello everyone,  
I have a perspective table that has already a multi-color enhancement based on values.  
I was wondering if it was possibile to make the selected row stand out (maybe using a border around the three columns??) ; using color alone doesn't cut it.

Any suggestions??

Thanks in advance,  
Dominic

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/c/ec6585b23d7dcb6d7e8d6830c5b740ecc0157de2.png)

---

<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:** [April 30, 2024, 9:29am UTC](https://forum.inductiveautomation.com/t/ignition-perspective-highlight-selected-row/89683/2 "2024-04-30T09:29:38Z")

</div>

> [@d.iannozzi](#):
>
> ... a multi-color enhancement ...

I don't agree with that statement! It is very hard on the eyes, reduces contrast on some background colors and is garish.

![Subtle color indicator 2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/1/013b168c15fe4dfce38525e3121cd1f5755c3aca.png)  
_Figure 1. Setting a wide left border to a cell allows a built-in indicator without having to add a column. Text remains high contrast and row-select looks as normal._

Style definition looks like this.

```python
{
  "city": {
    "align": "center",
    "editable": true,
    "justify": "left",
    "style": {
      "classes": "",
      "border": "pink",
      "borderWidth": "0 0 0 40px",
      "borderStyle": "solid",
      "marginTop": "1px"
    },
    "value": "Folsom"
  },
  "country": "United States",
  "population": 77271
}

```

- You could move borderWidth, borderStyle and marginTop into a style class and call that in the style.
- You could apply the same style to every cell on the row, if required.

---

<div class="post-metadata">

**Author:** ![d.iannozzi](https://avatars.discourse-cdn.com/v4/letter/d/ecd19e/32.png) [@d.iannozzi](https://forum.inductiveautomation.com/u/d.iannozzi)\
**Post date:** [April 30, 2024, 9:38am UTC](https://forum.inductiveautomation.com/t/ignition-perspective-highlight-selected-row/89683/3 "2024-04-30T09:38:22Z")

</div>

Hello!  
Thanks for your response...  
Sorry for the color combination 🙂 it was just an example and to express the difficulty I am having to have the selected row stand out....  
so basically I cannot outline the selected row and need to implement something along the lines you mentioned ??

Thanks

---

<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:** [April 30, 2024, 9:56am UTC](https://forum.inductiveautomation.com/t/ignition-perspective-highlight-selected-row/89683/4 "2024-04-30T09:56:05Z")

</div>

It's probably defined in the CSS theme somewhere. I had a look with the browser Developer Tools but couldn't see it.

---

<div class="post-metadata">

**Author:** ![d.iannozzi](https://avatars.discourse-cdn.com/v4/letter/d/ecd19e/32.png) [@d.iannozzi](https://forum.inductiveautomation.com/u/d.iannozzi)\
**Post date:** [April 30, 2024, 10:02am UTC](https://forum.inductiveautomation.com/t/ignition-perspective-highlight-selected-row/89683/5 "2024-04-30T10:02:06Z")

</div>

ok... appreciate your help

Thanks!