Popup transparent

[Jose_Hervas_Chico]

Hello!

can anyone tell me how to make the background of a popup fully transparent?

Now root container has background transparency set, but does not works.

thanks!!

[Sanganak_Kasare]

This thread might help, it covers exactly how to target specific Perspective popups using their popup ID, including making only selected popups transparent via "stylesheet.css":

Perspective popup transparency

Base your css selector on the popup's id. Ie, you open the popup with this id "foo". You can add #popup-foo { background: transparent; } But I suggest you push things a bit further and use a prefix in that id, so you can apply it to any popup you want. Let's say you want a way to make popups's background transparent. Give them an id that starts with 'transparent', ie "transparent_foo". Now you can use this css: .ia_popup[id^=popup-transparent] { background: transparent; } Now an…

[ray]

@Sanganak_Kasare has already put you on the right track – I'll just add some details to get you moving quickly towards a solution here.

First, enable the Advanced Stylesheet via a right click on the Styles folder within the Perspective project browser node.

Within that new project resource – target the popup and set the background to transparent. You may also want to remove the default border for a fully transparent effect.

.ia_popup {
    background-color: transparent;
    border: none;
}

That should do it, happy developing!

[nminchin]

Note you probably want to require a style class for the rule as well so it doesn't apply to all popups

.psc-YourStylesClassName .ia_popup {

[Jose_Hervas_Chico]

Amazing guys, thanks a lot!!!!

It is impressive how can we combine the CSS in our views.

[pascal.fragnoud]

Where would you put that class ?
If you put it on the popup view's root, that selector should not work.
You'd need to use has(): .ia_popup:has(.psc-yourClass) {...}

Or use ids as described in the post linked above. It's what I used before has was a thing and I got used to it.