Detect row hover in Ignition Perspective

Ignition
,
1

In Ignition Perspective is it possible to detect that on which row the mouse is hovering in a table using script?

2

Not straightforwardly, unless clicking the row.

Yes, by injecting javascript with a Markdown Component. You can find useful code in the the forum.

3

Any suggestions where can I start from

4
5

Ok, my last question, what should I do with this .zip file, should I copy it and paste it in my view?
Or import it in someway?

6

You can import the resource it in the designer, by clicking "import" in the upper menu bar.

1 Like
7

what are you trying to do when hovering?

8

When Hovering on different rows, I want to show the row number in the tool tip.

9

Add this too your stylesheet and see if you cant work with something this

(adding in a perspective class should be done too ofc if you dont want this to be on every table)

.ia_table__rowGroup:hover::after {
  content: attr(data-row-id);
  padding: 5px;
  display: block;
  position: absolute;
  width: fit-content;
  text-align: center;
  background-color: black;
  color: white;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;   
}

if this isnt sufficient, i guess you'll need js to do something similar. Because you do not want to grab the id, return it to perspective just for it to wait to update the tooltip. You will have to make the tooltip yourself in js

1 Like
10

I'll try. Thanks for the update!