I would like to be able to set the title bar in a jQuery dialog to transparent, I have seen the background being set to transparent but cant see anything on how to do the same to the title bar.
Set .ui-dialog .ui-dialog-titlebar {background-color:transparent}. You may also need to set .ui-dialog .ui-dialog-title {background-color:transparent}
Related
I was using Audacity with a GTK 3 theme I created. On some of the dialog boxes the background comes up as a solid black color, while the theme's background color is a light yellow. I noticed this happens only on some of the dialog boxes.
Below is an image of the Compressor dialog.
I want to know how to get the proper background color, as I checked some other themes with GTK Inspector and they render correctly.
The code for the gtk-widgets.css file is on this GitHub page.
Perhaps you can try:
window > box > widget > widget { background-color:yellow; }
I want to apply the following effect to the background. Right now, when popup come up, the background fades a bit. I am trying to make the background blur. I read that the .popup-container class is the outside background of the popup. For example changing background-color of the .popup-container to red makes the background red. I want to make the text or any content that is behind the popup blur .
I am trying to add blur but it does not seem to do anything. Can you please help? http://codepen.io/anon/pen/gPbQNZ
.my-popup.popup-container {
filter: blur(2px);
}
What you want to do is conditionally apply a class, using ng-class, to your entire view. Whether it's your ion-content or just some div or whatever. Then you can set the properties of this new class to blur just like you have above with the .popup-container.
The condition under which this class gets applied should be whenever your popup is open.
Example here
I need a suggestion for making a QLabel to change as an editable comobox when user clicked it . similar like androidians.
i am planning to override the QLabel mousPress and show QComboBox while hiding the QLable.
is it right ..?
Your solution is correct. Another way you could do it is by using just a combo box and setting a stylesheet to it, so that the borders, the background and the arrow is hidden when it's not selected:
QComboBox:!focus{background-color: transparent; border: 0px;}
QComboBox::drop-down:!focus {border-width: 0px;}
I need my visual content to become darker (like when modal Alert is shown). I've tried to look up in the source code of Alert and PopUpManager, but found only blur and fade effects there... Is there any basic Filter to do set content darker? Thanks
You can use ColorTransform with color multipliers:
component.transform.colorTransform = new ColorTransform(0.5, 0.5, 0.5);
There are 4 styles you can set on the global identifier in styles to set all modal popup background effects. I think you'll want something like this:
global
{
modal-transparency-blur:0; /* no blur */
modal-transparency:0.5;
modal-transparency-color:#000000;
modal-transparency-duration:0; /* no animation, goes straight to faded black. in ms */
}
What about creating a new UIComponent/Sprite whatever you use, making it black with opacity liek 50% and pushing on top of the display list just below stuff you want to show.
I'm using PopupManager to display (not modal) popups in Flex.
How can I make the background of my TitleWindow popup completely transparent?
Now it is semi-transparent.. see picture with semi-transparent background (i.e. I just want the label inside visible):
http://dl.dropbox.com/u/72686/semiTransparent.png
Maybe, instead of making it transparent I could try to reduce the padding, in order to make only the children visible ?
thanks
If you want to make it transparent, add
borderAlpha="0.0"
If you also want to remove the side and bottom borders completely, add
borderThicknessLeft="0" borderThicknessRight="0"
You can't remove the header, even thought there is borderThicknessTop option.
Also, the borderThickness="0" option doesn't work as far as I know.
Set the backgroundAlpha style of the TitleWindow to 0.
Edit, oops, my mistake, since it's a subclass of Panel, you'll also need to set the borderAlpha style to 0 as well. If you're using the default flex skins, the white arrow is the "background" and the blue area is the "border".