# Perspective Button Image style

**URL:** <https://forum.inductiveautomation.com/t/perspective-button-image-style/60558>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 9, 2022, 3:55pm UTC](https://forum.inductiveautomation.com/t/perspective-button-image-style/60558 "2022-06-09T15:55:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![stevenson](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@stevenson](https://forum.inductiveautomation.com/u/stevenson)\
**Post date:** [June 9, 2022, 3:55pm UTC](https://forum.inductiveautomation.com/t/perspective-button-image-style/60558/1 "2022-06-09T15:55:49Z")

</div>

Does the style property work on a button’s image property? I’m trying to get the image to toggle on a binding (visibility in this case)

```auto
{
  "source": "",
  "icon": {
    "path": "ignition/rollback",
    "color": ""
  },
  "width": 24,
  "height": 24,
  "position": "left",
  "style": {
    "classes": "",
    "visibility": "hidden"
  }
}

```

However any properties added to the style doesn’t show up in dev tools.

---

<div class="post-metadata">

**Author:** ![swolnisty](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@swolnisty](https://forum.inductiveautomation.com/u/swolnisty)\
**Post date:** [June 9, 2022, 4:23pm UTC](https://forum.inductiveautomation.com/t/perspective-button-image-style/60558/2 "2022-06-09T16:23:43Z")

</div>

I’d probably apply the binding to the image.icon.path property instead.

```auto
if({condition}, 'ignition/rollback', '')

```

---

<div class="post-metadata">

**Author:** ![stevenson](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@stevenson](https://forum.inductiveautomation.com/u/stevenson)\
**Post date:** [June 9, 2022, 4:37pm UTC](https://forum.inductiveautomation.com/t/perspective-button-image-style/60558/3 "2022-06-09T16:37:24Z")

</div>

Yep that’s my alternate plan, was hoping to piggy back off a common implementation if it was available.

---

<div class="post-metadata">

**Author:** ![swolnisty](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@swolnisty](https://forum.inductiveautomation.com/u/swolnisty)\
**Post date:** [June 9, 2022, 5:21pm UTC](https://forum.inductiveautomation.com/t/perspective-button-image-style/60558/4 "2022-06-09T17:21:55Z")

</div>

It seems like the image.style properties don’t apply to the icon at all for some reason. You could use an expression on the icon’s color property to swap between the desired color and transparent, as well. That way you wouldn’t need to touch the icon path if you were going to copy and paste multiple instances of this button and didn’t want to have to edit a binding on the icon path for each.