# Opto22 Edge Popup Title Bar

**URL:** <https://forum.inductiveautomation.com/t/opto22-edge-popup-title-bar/90575>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 17, 2024, 6:58pm UTC](https://forum.inductiveautomation.com/t/opto22-edge-popup-title-bar/90575 "2024-05-17T18:58:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\
**Post date:** [May 17, 2024, 6:58pm UTC](https://forum.inductiveautomation.com/t/opto22-edge-popup-title-bar/90575/1 "2024-05-17T18:58:58Z")

</div>

I am having an issue where a popup header is transparent. I have no way to edit this on Ignition Edge. In my regular Ignition I can do it via CSS.

See discussion here:

> [@\[Feature-13049\] Perspective Popup View Title Bar Color](https://forum.inductiveautomation.com/t/feature-13049-perspective-popup-view-title-bar-color/35665):
>
> Is there a simple way (without drilling down into the Java objects) to change the title bar color of a Perspective View Popup?

I don't have a shell license and cannot access the backend files of my opto. How do I correct this issue?

In regular Igniiton you can use the stylesheet.css to overide settings. In Edge, this looks to be missing and cannot be added. Normally you can "Enable Advanced Stylesheet".  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/7/f718c86b38940e1d92a7246f9079a4ca4c26485c.png)

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 17, 2024, 7:10pm UTC](https://forum.inductiveautomation.com/t/opto22-edge-popup-title-bar/90575/2 "2024-05-17T19:10:37Z")

</div>

I was under the impression the shell licenses were free/cheap.

Also, is the Opto gateway version new enough for the advanced stylesheet?

---

<div class="post-metadata">

**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\
**Post date:** [May 17, 2024, 7:15pm UTC](https://forum.inductiveautomation.com/t/opto22-edge-popup-title-bar/90575/3 "2024-05-17T19:15:43Z")

</div>

Will have to look into. I made a bunch of css edits to my main Gateway. This edge device is losing all of that "tweaking". Since I cannot access the back end css.

Keypad looks funny since it is transparent.

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

I tried to enable the Advance Stylesheet and was not able to.  
v8.1.17

---

<div class="post-metadata">

**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\
**Post date:** [May 17, 2024, 7:37pm UTC](https://forum.inductiveautomation.com/t/opto22-edge-popup-title-bar/90575/4 "2024-05-17T19:37:12Z")

</div>

Until I find a solution, I disabled the following: draggable, showcloseicon and resizable. This got rid of the header. I ended up making my own header to match my other system.

Made my own header:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/5/1578fe51c157ce1699cfe67ef4bdfdc1ce320543.png)

Saw this post on how to hide the titlebar:

> [@Hide Perspective Popup Titlebar?](https://forum.inductiveautomation.com/t/hide-perspective-popup-titlebar/53232):
>
> I’d like to be able to not show the popup titlebar for some popups. I don’t think this is currently possible?

---

<div class="post-metadata">

**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\
**Post date:** [May 17, 2024, 8:58pm UTC](https://forum.inductiveautomation.com/t/opto22-edge-popup-title-bar/90575/5 "2024-05-17T20:58:22Z")

</div>

So this problem is present in all popups. Saw the same issue when using the tag browser.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/4/c4fc41f3ab938c6c7025833d8f72985037473a2e.png)

Is there a setting to correct this any where? Seems like it is a built in issue.