# Button effect disappear after color background change

**URL:** <https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209>\
**Category:** Ignition\
**Created:** [November 25, 2019, 2:55pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209 "2019-11-25T14:55:34Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\
**Post date:** [November 25, 2019, 2:55pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/1 "2019-11-25T14:55:34Z")

</div>

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

I have 2 questions:  
1… how to change the background color of the button and maintain the 3d shadows and mouse action (click, entering, exit)?

2… how to change the color of the image like an image control (“color swap”, “tint filter” etc)

PS please don’t tell to change an icon … I know this way

---

<div class="post-metadata">

**Author:** ![zxcslo](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zxcslo/32/61610_2.png) [@zxcslo](https://forum.inductiveautomation.com/u/zxcslo)\
**Post date:** [February 29, 2020, 11:37am UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/2 "2020-02-29T11:37:56Z")

</div>

> [@stra](#):
>
> 1… how to change the background color of the button and maintain the 3d shadows and mouse action (click, entering, exit)?

In v8.0.9 in Vision this is still an issue...

---

<div class="post-metadata">

**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\
**Post date:** [December 3, 2020, 12:48pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/3 "2020-12-03T12:48:17Z")

</div>

in v8.0.1 same problem ##@@##

---

<div class="post-metadata">

**Author:** ![zxcslo](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zxcslo/32/61610_2.png) [@zxcslo](https://forum.inductiveautomation.com/u/zxcslo)\
**Post date:** [December 3, 2020, 1:03pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/4 "2020-12-03T13:03:17Z")

</div>

In v8.1.1 RC1 in Vision, this is still an issue…

---

<div class="post-metadata">

**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\
**Post date:** [March 19, 2021, 11:57am UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/5 "2021-03-19T11:57:34Z")

</div>

So … nobody has this problem?  
Does someone have an idea of how to make a nice button with a different color in Vision?

I’m working with 8.1.3

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [March 19, 2021, 1:27pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/6 "2021-03-19T13:27:48Z")

</div>

Have you tried the style customizer?

[buttonColorStyle.zip](https://forum.inductiveautomation.com/uploads/short-url/7Uj1VkGtIFiYbW2a2HgWp4w9FS0.zip) (4.3 KB)

[https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/e/8ee92643ac6cedf61279225b5832a1bcc08e0a86.mp4](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/e/8ee92643ac6cedf61279225b5832a1bcc08e0a86.mp4)

---

<div class="post-metadata">

**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\
**Post date:** [March 19, 2021, 4:18pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/7 "2021-03-19T16:18:29Z")

</div>

is not what I ask; like you show the button is like win 3.11 I want the shadow, the mouse effect. why if i change the background all animation disappears?

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [March 19, 2021, 5:29pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/8 "2021-03-19T17:29:32Z")

</div>

Let's back up a moment, as this was never discussed at the beginning.

Are we talking about Vision or Perspective? I don't recall there being shadows available in Vision, unless we talking about gradients.

> [@Gradient background on buttons](http://forum.inductiveautomation.com/t/gradient-background-on-buttons/29106):
>
> Hello, Is it possible to have a gradient background on a button.

---

<div class="post-metadata">

**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\
**Post date:** [March 19, 2021, 5:35pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/9 "2021-03-19T17:35:11Z")

</div>

I think he’s talking about Vision.

These issues might be fixed in the upcoming LnF bugfixapalooza update. @paul-griffith?

---

<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:** [March 19, 2021, 6:10pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/10 "2021-03-19T18:10:59Z")

</div>

Yes, the main issue (buttons with non-default background color not looking at all like buttons) is going to be fixed when we drop in a new version of the Look-and-Feel, which should be pretty soon (hopefully, next few releases).

---

<div class="post-metadata">

**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\
**Post date:** [March 19, 2021, 8:22pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/11 "2021-03-19T20:22:15Z")

</div>

Hi @paul-griffith in weeks how many are few releases? I have a project for almost 2 months … do you think I have a nice button or is better I create one?

---

<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:** [March 19, 2021, 8:28pm UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/12 "2021-03-19T20:28:23Z")

</div>

It’s impossible to provide a timeline. We don’t guarantee specific features/bug fixes to specific released versions.

I wouldn’t rely on it happening within the next month.

---

<div class="post-metadata">

**Author:** ![Paullys50](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paullys50/32/3324_2.png) [@Paullys50](https://forum.inductiveautomation.com/u/Paullys50)\
**Post date:** [March 20, 2021, 3:51am UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/13 "2021-03-20T03:51:52Z")

</div>

> [@stra](#):
>
> why if i change the background all animation disappears?

Change your alternate color transparency to ~ 60 as a work around.

---

<div class="post-metadata">

**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\
**Post date:** [March 20, 2021, 10:13am UTC](https://forum.inductiveautomation.com/t/button-effect-disappear-after-color-background-change/30209/14 "2021-03-20T10:13:54Z")

</div>

ohhhh work … not the best but is acceptable…  
tanks a lot
