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?
Use the advanced stylesheet.
I suggest you give that popup a specific id, let's say 'alice'.
in your stylesheet, add this:
#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
.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.
2 Likes
Thanks for the solution, but is there no native way, like playing with a property or script?
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.
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.