# Perspective popup view loses SVG gradients **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [February 20, 2024, 8:06pm UTC](https://forum.inductiveautomation.com/t/perspective-popup-view-loses-svg-gradients/86050 "2024-02-20T20:06:26Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![kcarter8](https://avatars.discourse-cdn.com/v4/letter/k/c89c15/32.png) [@kcarter8](https://forum.inductiveautomation.com/u/kcarter8)\ **Post date:** [February 20, 2024, 8:06pm UTC](https://forum.inductiveautomation.com/t/perspective-popup-view-loses-svg-gradients/86050/1 "2024-02-20T20:06:26Z")
![image (9)](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/4/9422ece31b7cf6fd7eb6b6b74aeec39b66c7c3dc.png) ![image (7)](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/0/50da6d00354d1b72cf967bd4ef2040d978d602f4.png) Maybe I'm using Perspective Incorrectly but I've noticed that when I have a gradient fill that's on a SVG in a view and use it on a popup window that it losses the gradient and just becomes a flat color typically a dark grey or black. For context I created a View for a Valve and am using it as a template with custom bindings to a tag to better fit my use needs. the popup window uses the same the view with all the same parameters as the normal operating window with its values passed to the popup. All other colors that aren't apart of a gradient from the base SVG Image stay the same and only the Gradients are lost. ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [February 20, 2024, 8:30pm UTC](https://forum.inductiveautomation.com/t/perspective-popup-view-loses-svg-gradients/86050/2 "2024-02-20T20:30:50Z")
What version are you using? This is a known issue which has had multiple fixes in the past. You can reference the following posts for more information: > [@SVG Gradient issue](https://forum.inductiveautomation.com/t/svg-gradient-issue/69405): > > i created simple rectangle to explain the issue which i faced . need to control stop offset for Gradient in SVG . the view will be as Embeded view and will used different time with Parm to control the Gradiant value . what i faces offset only change for both views with the first view dropped in the designer. attached the SVG source, and views which used for test . [Issue.zip](https://forum.inductiveautomation.com/uploads/short-url/qf3Xcg53PXhiO2dF7hd1j3EdiWJ.zip) (5.1 KB) [ShareX\_UiGXH88wGP] > [@\[BUG-6988\]Embedded View "Template" Instance Behavior](https://forum.inductiveautomation.com/t/bug-6988-embedded-view-template-instance-behavior/68170): > > Hello, I have a very simple embedded view that I wanted to use as a "template" for all of the valves throughout the project. However, the "instances" are not behaving as I expected. I have a very simple flex container view with one (input) parameter state and a gate valve SVG from the Symbol Factory. The gradient colors are determined by bindings to the state parameter, like so: [image] This works in the view to get the desired states: [image] The issue arises when I attempt to … These posts may have different areas of focus, but the primary cause is the same across those posts and your use-case. ---
**Author:** ![kcarter8](https://avatars.discourse-cdn.com/v4/letter/k/c89c15/32.png) [@kcarter8](https://forum.inductiveautomation.com/u/kcarter8)\ **Post date:** [February 20, 2024, 10:02pm UTC](https://forum.inductiveautomation.com/t/perspective-popup-view-loses-svg-gradients/86050/3 "2024-02-20T22:02:51Z")
I will Definitely take a look at these, but to answer your question on which version i've seen it in 8.1.31 and 8.1.33 ill have to update to see if any newer changes fixes this issue as well. ---
**Author:** ![kcarter8](https://avatars.discourse-cdn.com/v4/letter/k/c89c15/32.png) [@kcarter8](https://forum.inductiveautomation.com/u/kcarter8)\ **Post date:** [March 6, 2024, 2:50pm UTC](https://forum.inductiveautomation.com/t/perspective-popup-view-loses-svg-gradients/86050/4 "2024-03-06T14:50:00Z")
Figured out the issue that was causing me to loss the gradient color. i was making the Popup Page ID's with spaces which apparently breaks the Gradient color id. ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [March 6, 2024, 3:57pm UTC](https://forum.inductiveautomation.com/t/perspective-popup-view-loses-svg-gradients/86050/5 "2024-03-06T15:57:22Z")
Oh, I wouldn't recommend spaces in any naming scenario.