# Perspective linear-gradient background no longer working

**URL:** <https://forum.inductiveautomation.com/t/perspective-linear-gradient-background-no-longer-working/68661>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [January 17, 2023, 9:18am UTC](https://forum.inductiveautomation.com/t/perspective-linear-gradient-background-no-longer-working/68661 "2023-01-17T09:18:45Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![pgmo](https://avatars.discourse-cdn.com/v4/letter/p/d07c76/32.png) [@pgmo](https://forum.inductiveautomation.com/u/pgmo)\
**Post date:** [January 17, 2023, 9:18am UTC](https://forum.inductiveautomation.com/t/perspective-linear-gradient-background-no-longer-working/68661/1 "2023-01-17T09:18:45Z")

</div>

Hi all, until Ignition **8.1.21** I was used to setting the `backgroundImage` style property to something like `linear-gradient(to bottom,white 70%,#d3d3d3)` to get a nice gradient background. I'm now on Ignition **8.1.23** and it doesn't seem to work any more. Any changes to the framework?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 17, 2023, 9:27am UTC](https://forum.inductiveautomation.com/t/perspective-linear-gradient-background-no-longer-working/68661/2 "2023-01-17T09:27:01Z")

</div>

does it also not work in the browser? where did you put this on?

---

<div class="post-metadata">

**Author:** ![pgmo](https://avatars.discourse-cdn.com/v4/letter/p/d07c76/32.png) [@pgmo](https://forum.inductiveautomation.com/u/pgmo)\
**Post date:** [January 17, 2023, 9:29am UTC](https://forum.inductiveautomation.com/t/perspective-linear-gradient-background-no-longer-working/68661/3 "2023-01-17T09:29:04Z")

</div>

I put it on a _Menu Tree_ but I've also tried on the _root container_: it does not show up in the browser either.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 17, 2023, 9:40am UTC](https://forum.inductiveautomation.com/t/perspective-linear-gradient-background-no-longer-working/68661/4 "2023-01-17T09:40:20Z")

</div>

can you show us how you did that?

---

<div class="post-metadata">

**Author:** ![pgmo](https://avatars.discourse-cdn.com/v4/letter/p/d07c76/32.png) [@pgmo](https://forum.inductiveautomation.com/u/pgmo)\
**Post date:** [January 17, 2023, 9:42am UTC](https://forum.inductiveautomation.com/t/perspective-linear-gradient-background-no-longer-working/68661/5 "2023-01-17T09:42:45Z")

</div>

Next the `props.style` section of my _Menu Tree_:  
 ![immagine](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/8/f89e0a92903276fbcd1238630f50922c5c76454e.png)  
That same configuration did work in Ignition **8.1.21** , both in the designer and in the browser.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 17, 2023, 9:46am UTC](https://forum.inductiveautomation.com/t/perspective-linear-gradient-background-no-longer-working/68661/6 "2023-01-17T09:46:31Z")

</div>

weird, you could try inspect the element in the browser.  
ctlr+shift+i and then ctlr+shift+c and hover over the it will guide you a bit into the element

you could also try background instead of backgroundImage and maybe add !important after it  
`linear-gradient(to bottom,white 70%,#d3d3d3) !important`

maybe some default color style ahve changed. Anyways i would except a gradient to always be applied on the background, not the background image (though it does work, if no other background is configured)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/3/93bf653ccbb36d3ee4de56265b5f022c1d918343.png)

---

<div class="post-metadata">

**Author:** ![pgmo](https://avatars.discourse-cdn.com/v4/letter/p/d07c76/32.png) [@pgmo](https://forum.inductiveautomation.com/u/pgmo)\
**Post date:** [January 17, 2023, 10:01am UTC](https://forum.inductiveautomation.com/t/perspective-linear-gradient-background-no-longer-working/68661/7 "2023-01-17T10:01:33Z")

</div>

You are right: it works when set as `background`. I've just opened my last **8.1.21** project to check and there it was set as `backgroundImage`. I will follow the new style setting. Thanks