# Changing button's background loses button's visual effect

**URL:** <https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058>\
**Category:** Ignition\
**Tags:** ignition80, vision\
**Created:** [March 13, 2020, 8:54am UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058 "2020-03-13T08:54:43Z")\
**Posts on this page:** 16\
**Page:** 2

<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:** [August 28, 2020, 4:12pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/21 "2020-08-28T16:12:10Z")

</div>

Yes, I know but that’s not the point.  
The point is that is taking them (IA) so long (years) to fix something basic as the button component which is IMNSHO the most essential component of every user interface.

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [August 28, 2020, 4:50pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/22 "2020-08-28T16:50:46Z")

</div>

Agreed. However, I’m not sure discussing on this forum is going to do much good. You need to get with your sales rep and voice complaints. Keep them coming on a weekly basis and the more people that complain the better chance it will be fixed sooner. I feel your frustration as I have gone through the same thing on other issues.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 30, 2020, 6:38pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/23 "2020-08-30T18:38:26Z")

</div>

Start an idea on the ideas site and link to it from here so we can up vote it. The more votes, the higher its priority

---

<div class="post-metadata">

**Author:** ![r.popeszku](https://avatars.discourse-cdn.com/v4/letter/r/51bf81/32.png) [@r.popeszku](https://forum.inductiveautomation.com/u/r.popeszku)\
**Post date:** [November 20, 2020, 2:27pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/24 "2020-11-20T14:27:41Z")

</div>

It’s been 9 months since I first complained about this and I just upgraded to version 8.1. Posting on this forum hasn’t helped me or anyone else on this thread. I still have an open ticket with support and while the support tech agree its a problem they haven’t been able to expedite a solution either. Today I will report it to my sales rep (per jlandwerlen’s suggestion) and see what happens.

---

<div class="post-metadata">

**Author:** ![Carl.Gould](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/carl.gould/32/7262_2.png) [@Carl.Gould](https://forum.inductiveautomation.com/u/Carl.Gould)\
**Post date:** [November 20, 2020, 9:29pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/25 "2020-11-20T21:29:47Z")

</div>

Hi all. I totally understand the frustration here.

This issue is part of a collection of UI issues that we are working to coordinate fixes for with the provider of our Swing Look & Feel. I know it is frustrating upgrading and hoping this is fixed, only to find that it is not. All I can do at this point is assure you that our attention is focused in this direction right now, so you should see action soon. I will update this thread when there is tangible movement on this, including once I have some better time-frame information.

[r.popeszku](http://forum.inductiveautomation.com/u/r.popeszku), I don’t know if you’ve reached out to your sales rep yet, but if not, you can probably skip it. All they’re going to do is come talk to me, and I’m already aware.

---

<div class="post-metadata">

**Author:** ![rpopeszku](https://avatars.discourse-cdn.com/v4/letter/r/f08c70/32.png) [@rpopeszku](https://forum.inductiveautomation.com/u/rpopeszku)\
**Post date:** [November 20, 2020, 10:14pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/26 "2020-11-20T22:14:47Z")

</div>

Yep, I reached out to Shaun today and he is the one who helped escalate the problem to you. I think everyone has been waiting a long time for a solution to this issue and I am glad you are looking into it.  
Rudy

---

<div class="post-metadata">

**Author:** ![jkirchman](https://avatars.discourse-cdn.com/v4/letter/j/278dde/32.png) [@jkirchman](https://forum.inductiveautomation.com/u/jkirchman)\
**Post date:** [January 29, 2021, 6:55pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/27 "2021-01-29T18:55:26Z")

</div>

Curious if there has been any progress made on this issue?

---

<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:** [January 29, 2021, 7:00pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/28 "2021-01-29T19:00:03Z")

</div>

It’s not fixed and released yet, but yes we’ve made progress towards getting a whole collection of UI Look and Feel problems fixed.

---

<div class="post-metadata">

**Author:** ![jkirchman](https://avatars.discourse-cdn.com/v4/letter/j/278dde/32.png) [@jkirchman](https://forum.inductiveautomation.com/u/jkirchman)\
**Post date:** [January 29, 2021, 7:03pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/29 "2021-01-29T19:03:21Z")

</div>

Thanks for the quick response!

---

<div class="post-metadata">

**Author:** ![Yvon\_Vincent](https://avatars.discourse-cdn.com/v4/letter/y/ec9cab/32.png) [@Yvon\_Vincent](https://forum.inductiveautomation.com/u/Yvon_Vincent)\
**Post date:** [December 18, 2024, 5:10pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/30 "2024-12-18T17:10:20Z")

</div>

Not to nerco an old thread, but did this get fixed? Still feels like an issue.

New to ignition (but doing controls for a bit).

If I change the background of a button to not be blue (sorry, buttons should be grey), when I disable the button (Uncheck enable) I lose the dynamic effect of the button being muted.

I feel this is similar to the original posters issue. How do I go about muting a button if I don't want it to be blue? Do I need to create a custom style for enable/not-enabled? Or there a way to update the base enabled style?

Vin

---

<div class="post-metadata">

**Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\
**Post date:** [December 18, 2024, 5:14pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/31 "2024-12-18T17:14:34Z")

</div>

Are referring to Perspective?

---

<div class="post-metadata">

**Author:** ![Yvon\_Vincent](https://avatars.discourse-cdn.com/v4/letter/y/ec9cab/32.png) [@Yvon\_Vincent](https://forum.inductiveautomation.com/u/Yvon_Vincent)\
**Post date:** [December 18, 2024, 5:41pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/32 "2024-12-18T17:41:19Z")

</div>

Yes. 8.1.44

I was able to get by with a style class and changed the alpha from there and it's working. Now just wonder if this will ever get broken in an application upgrade in the future.

---

<div class="post-metadata">

**Author:** ![Benjamin\_Furlani](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/benjamin_furlani/32/66084_2.png) [@Benjamin\_Furlani](https://forum.inductiveautomation.com/u/Benjamin_Furlani)\
**Post date:** [December 18, 2024, 6:06pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/33 "2024-12-18T18:06:07Z")

</div>

This is a vision related issue that does not affect perspective elements or styles as they are built with React not swing.

But I typically have an enabled and disabled button class and if the button is enabled, I have a binding that appends the enabled class or the disabled class if it is disabled.

---

<div class="post-metadata">

**Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\
**Post date:** [December 18, 2024, 6:31pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/34 "2024-12-18T18:31:22Z")

</div>

If you want gray buttons as default, can you use the secondary button instead of a primary button? The default disabled button style works with this without a custom style.

---

<div class="post-metadata">

**Author:** ![Yvon\_Vincent](https://avatars.discourse-cdn.com/v4/letter/y/ec9cab/32.png) [@Yvon\_Vincent](https://forum.inductiveautomation.com/u/Yvon_Vincent)\
**Post date:** [December 18, 2024, 7:45pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/35 "2024-12-18T19:45:26Z")

</div>

I had looked at that as well. But on my application the secondary buttons were white and behaved the same as the primary when I tried to update the BG colour.

I have a custom style class for just buttons and have them applied to all buttons. Basically created what Benjamin noted.

Just odd that the default button, when you enable or disable it, the button style changes as you expect, but when assigning a "custom" colour for for the base button or text and disable the button, the feature that once worked, just doesn't.

---

<div class="post-metadata">

**Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\
**Post date:** [December 19, 2024, 1:08pm UTC](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058/36 "2024-12-19T13:08:28Z")

</div>

Just to be clear, the secondary buttons are not white, they are #FAFAFA (--neutral-10).

[Previous page](https://forum.inductiveautomation.com/t/changing-buttons-background-loses-buttons-visual-effect/33058.md?page=1)
