Popup Editor CSS/Styling

Popup Editor CSS/Styling

  
Hi

just wondering  is it possible to turn off the Popup-editor grey transparent background? or change the transparent level to 0 or colour to white?

Hi Robert,

To accomplish that for now you can add this to your css .ui-dialog-overlay {visibility:hidden;} or you can edit the overlay settings in the Richwidgets Popup_Editor javascript.

Cheers,
Tiago Simões
Hi Tiago

.ui-dialog-overlay {visibility:hidden;}

that works!

is there a css tag to remove the "X" (top right close option)?
Hi Robert,

You can try to modify .ui-dialog-titlebar-close. In these cases what I usually do is to use firebug extension for firefox that allows me to detect the element and to try out some css.

Cheers,
Tiago Simões
inserting the following CSS tag into the dialog page "advance:stylesheet" properties does not work.




div.Popup .ui-dialog .ui-dialog-titlebar-close-hover, div.Popup.ui-dialog .ui-dialog-titlebar-close-hover, div.Popup .ui-dialog .ui-dialog-titlebar-close, div.Popup.ui-dialog .ui-dialog-titlebar-close {
display:none;
}
Have you tried .ui-dialog-titlebar-close {visibility:hidden;} ?

Cheers,
Tiago Simões
Hi Tiago

See attachment, they both do not work,
(correct css tag was used).




Hi Robert,

The CSS needs to be in the screen that is opening the popup and not in the popup itself.

Cheers,
Tiago Simões
thanks. Tiago

"The CSS needs to be in the screen that is opening the popup and not in the popup itself."

This works with one problem, it will disable the "X" close option for everything dialog box on the page (unable to specifically disable a single dialog box).
not a major problem, can make do with this.