# Mouse cursor not to change to hand symbol for ng-click operation

**URL:** <https://discourse.nodered.org/t/mouse-cursor-not-to-change-to-hand-symbol-for-ng-click-operation/77422>\
**Category:** Industrial\
**Tags:** node-red-dashboard\
**Created:** [10 April 2023 14:05 UTC](https://discourse.nodered.org/t/mouse-cursor-not-to-change-to-hand-symbol-for-ng-click-operation/77422 "2023-04-10T14:05:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Talkatoo](https://avatars.discourse-cdn.com/v4/letter/t/f05b48/32.png) [@Talkatoo](https://discourse.nodered.org/u/Talkatoo)\
**Post date:** [10 April 2023 14:05 UTC](https://discourse.nodered.org/t/mouse-cursor-not-to-change-to-hand-symbol-for-ng-click-operation/77422/1 "2023-04-10T14:05:07Z")

</div>

Hi All,

I am trying to control the valve in my IIoT project. I am working on it to control via by adding `ng-class` = `{"green2_on":itemState('pb_green2') == 'ON', "green2_off":itemState('pb_green2') =='OFF'}` and `ng-click` = `sendCmd('pb_green2', (itemState('pb_green2') == 'ON') ? 'OFF' : 'ON')` in my svg image and I have embedded code like below for valve ,

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/6/f6336bc07f2ecb5cf2bb66aea7ea12c7862cf26b.png)

I have added corresponding code in .css file like this,.

```auto
.green_on {
fill: #4fc497 !important;
}

.green2_off {
fill: #c83737 !important;
}

```

Issue:  
Cursor is not changing to the `hand`symbol when I hover on the valve image.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [10 April 2023 18:32 UTC](https://discourse.nodered.org/t/mouse-cursor-not-to-change-to-hand-symbol-for-ng-click-operation/77422/2 "2023-04-10T18:32:52Z")

</div>

> [@Talkatoo](#):
>
> Cursor is not changing to the `hand`symbol when I hover on the valve image.

You might wish to change the title of this thread as it seems misleading since you don't have an issue with the click processing it seems, merely with the cursor?

Something like `cursor:hand;` in the style should do it (that's off the top of my head so I may have it wrong but that's the idea anyway).

---

<div class="post-metadata">

**Author:** ![Talkatoo](https://avatars.discourse-cdn.com/v4/letter/t/f05b48/32.png) [@Talkatoo](https://discourse.nodered.org/u/Talkatoo)\
**Post date:** [11 April 2023 03:10 UTC](https://discourse.nodered.org/t/mouse-cursor-not-to-change-to-hand-symbol-for-ng-click-operation/77422/3 "2023-04-11T03:10:05Z")

</div>

Ok.. I have changed the title..

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [10 June 2023 03:10 UTC](https://discourse.nodered.org/t/mouse-cursor-not-to-change-to-hand-symbol-for-ng-click-operation/77422/4 "2023-06-10T03:10:47Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.