Well, title explains all. I'm trying to get rid of the highlight that comes around of the selected button in a ToggleButtonBar
To get the exact look you want your best bet is to jump in Flash, Fireworks, Photoshop, etc and tweak a button skin to your liking. The border is part of the skin. You can create a programmatic skin as well.
A quick fix is to set the highlight the same color as the button.
ToggleButtonBar{
button-style-name: "myButton";
}
Button.myButton{
theme-color: #999999;
}
Mind you...it is purely a quick fix and will tweak your button hover color as well so only use it as a small win.
I eventually find how to resolve it, quiet simple actually! (Thanks to the KapInspect tool)
I just had to create a custom skin for the selectedDownSkin style
Related
I have some particular QComboBox like this (osx style):
that I want to highlight programmatically. I used
combo->setStyleSheet("background-color: yellow");
and the background get changed, but then the whole style of my widget becomes ugly like this:
as you can see, the background is ok, but dropdown button got changed with '90 motif style (old good days...)
Is it possible to just change the background?
Some of the stylesheet rules will trigger a fallback to the Windows style, see my answer here.
One option to style the background is by using QProxyStyle.
Changing the palette might also work.
I am trying to style my subscription box on http://wpdallas.com/test/ like the one on http://noahsdad.com If you notice the subscribe box is much smaller. I can't seem to figure out what's going on. I'm assuming there is a style that I need to override, but can't figure out what it is.
Thanks.
It's the button's padding. You defined it in your style.css, when you set it for all input[type="submit"]s. Try just lowering those numbers.
I have a modal Flex dialog and want to make the background not of the window itself, but the semitransparent modal indicator transparent. (Yes I tried to convince the client they don't want to do this, but apparently they really want to do it). Is this even possible?
(prefer a solution using Flex 3's TitleWindow, but Spark/Flex 4 TitleWindow is acceptable)
Yeah, I think I phrased the question wrong, but this is the answer I was looking for:
http://www.learnosity.com/techblog/index.cfm/2007/4/25/Disable-the-blur-effect-in-Flex-PopupManager-modal-background
to paraphrase add:
global{
modalTransparencyBlur: 0;
}
to the flex CSS and you're good; You can also make the modalTransparency 0 which will actually do what I said I wanted, but I think I'm going to try to convince my client that disabling the blur is all they needed (they want to be able to read the text under the popups)
(I wanted to disable the background of the PopUpManager not the TitleWindow)
Thanks for the help though.
Sorry not to have a definite answer, but have you tried setting the property
backgroundAlpha="0"
?
For flex 3; have you tried specifying the alpha on the TitleWindow? Based on a quick review of the code; it does not appear to pass the alpha down to the children (such as the close button, title bar, or title bar background.
Using the Spark Architecture; you should be able to do this easily with a custom skin.
Any ideas how to create a button class that looks something like this:
Taken from this tutorial page. I'm struggling to figure out what combination of filters I need to use to achieve the glossy effect.
The rounded corners and bevel/glow effect are simple enough. But how can I add a gloss gradient over only the top half of the button?
Use this App --> http://jirox.net/AsButtonGen/
Found it. Degrafa has a Button Loader thing that does this exactly.
Open source too.
I have a Flex button. I need one color on the left and another on the right. I don't need it to be a gradient. Just solid colors. Like green on left & red on right. I really don't want to use an image -- just because it'll probably take me a long time to do it.
The gradients via Flex Properties in Flex Builder seems to apply only vertically, not horizontally.
I also tried to make 2 button, each half width (of original), and putting it into a HBox & really packing them close so they'll look like a single button with 2 colors. It works OK, but I was thinking if there was a better way.
Thanks.
I think the proper way to do something like this is to create a custom component and then override the drawing method and draw in two colors, with the associated properties and such.
The solution you used is the simplest, so you should keep it like that unless you want to go through the trouble of creating the custom component (It's not THAT bad since Flex is open source and you can see how the original button is coded, and modify from there).
you could use degrafa to skin the button
This link http://blog.timeister.com/2009/01/16/flex-custom-button-skin/ provides a nice way to do exactly what I wanted above. It needs 2 classes: one subclasses ButtonSkin & the other Button. Link them both via CSS and use them in mxml. Simple & easy.