# View with Transparent Background in Perspective

**URL:** <https://forum.inductiveautomation.com/t/view-with-transparent-background-in-perspective/101760>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 3, 2025, 1:34pm UTC](https://forum.inductiveautomation.com/t/view-with-transparent-background-in-perspective/101760 "2025-02-03T13:34:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Farhan\_Basheer](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/farhan_basheer/32/66759_2.png) [@Farhan\_Basheer](https://forum.inductiveautomation.com/u/Farhan_Basheer)\
**Post date:** [February 3, 2025, 1:34pm UTC](https://forum.inductiveautomation.com/t/view-with-transparent-background-in-perspective/101760/1 "2025-02-03T13:34:43Z")

</div>

I have this Image in a popup. I want to make this popup transparent so I can only show the image without it's parent window. Is it possible in ignition perspective?

 ![View Transparency](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/f/2fce3d9c81fdc566fb1cdb2703a3a983825c609e.png)

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [February 3, 2025, 1:44pm UTC](https://forum.inductiveautomation.com/t/view-with-transparent-background-in-perspective/101760/2 "2025-02-03T13:44:15Z")

</div>

Use the advanced stylesheet.  
I suggest you give that popup a specific id, let's say 'alice'.  
in your stylesheet, add this:

```css
#popup-alice {
	border: none;
	outline: none;
	background: transparent;
	box-shadow: none;
}

```

If you have more than one pop where you want to make the background invisible, or if you can't have just one id for this popup because there might be more than one opened, use a prefix instead. Let's say all these popups' ids start with 'transparent\_', for ie 'transparent\_alice'.  
Now, in your stylesheet, add

```css
.ia_popup[id^=popup-transparent] {
	border: none;
	outline: none;
	background: transparent;
	box-shadow: none;
}

```

Any popup with an id that starts with 'transparent' will have these styles applied.

If you have other styles you want to apply to groups of popups, you could replace the `[id^=something]` (which means 'starts with') by `[id*=something]` (which means 'contains'), and add all the necessary names to the popups ids.

Until we can give classes to popups, that's your best bet.

---

<div class="post-metadata">

**Author:** ![Farhan\_Basheer](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/farhan_basheer/32/66759_2.png) [@Farhan\_Basheer](https://forum.inductiveautomation.com/u/Farhan_Basheer)\
**Post date:** [February 3, 2025, 1:48pm UTC](https://forum.inductiveautomation.com/t/view-with-transparent-background-in-perspective/101760/3 "2025-02-03T13:48:57Z")

</div>

Thanks for the solution, but is there no native way, like playing with a property or script?

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [February 3, 2025, 1:50pm UTC](https://forum.inductiveautomation.com/t/view-with-transparent-background-in-perspective/101760/4 "2025-02-03T13:50:59Z")

</div>

No. Css should handle this anyway.

It would be better if we could use classes instead of stuffing things in the popup's id, but that would only change the selector, not the underlying way of doing it.

---

<div class="post-metadata">

**Author:** ![dillon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dillon/32/81537_2.png) [@dillon](https://forum.inductiveautomation.com/u/dillon)\
**Post date:** [February 3, 2025, 2:00pm UTC](https://forum.inductiveautomation.com/t/view-with-transparent-background-in-perspective/101760/5 "2025-02-03T14:00:45Z")

</div>

You could use the bindings with styles to make the background color of the root container transparent, but that won't remove the border that the popup has, where @pascal.fragnoud's solution handles this the proper way.