I'm currently experimenting flex 4 skinning. I successfully skinned most of the components i need for my application, but i can't find a way to avoid this damn blue drop shadow which is displayed when u'r focused on a textfield or a combobox.
If anyone has a hint on this.
Thanks !
You need to set the 'focusSkin' much like you set the skinClass. There's a great example here:
http://flexponential.com/2010/01/24/custom-focusskin-for-spark-components-in-flex-4/
Related
whole application font is changing but im unable to click on the checkbox and border is also missing but before it was like below
tried implementing but not worked
*:not(.div):not(.YourClassName){
font-family:'Roboto-Regular';
}
Your Issue is not only css but logic of the grid most probably, it would really help if you could add more information about the grid version, your code and a little bit more information about your problem?
I found this component on the internet (http://www.wietseveenstra.nl/files/flex/SuperPanel/v1_5/MainView.html) and those panels are just great. Unfortunately, that source-code doesn't suit well on Flex 4. Spark components works differently on changing their structure (adding buttons to the padding top, etc) and working with the MX components doesn't work properly the Drag function and it looks ugly.
I'd like to know if anyone have a link for a similar component already done in Flex 4 or any path that I could take to be able to build it myself.
I have plenty of experience with ActionScript, but almost none with CSS/Styling on Flex or Flex 4.
Thanks.
Have you taken a look at the MDI component that is part of flexlib?
Does anyone know how to change the "glass" color that highlights the selected item in a spinnerlistcontainer? I've found changing the background color of the list within the container, but not the actual container. I am not finding a lot of custom spinnerlists on the web. Thanks in advance for your help!
JH
You need to create a custom skin for your component. Check out these links
http://help.adobe.com/en_US/flex/mobileapps/WS7dd5c1363434bb70-316f71c51312e96191c-8000.html#WS19f279b149e7481c-3a8faf061320672b309-7ffd
http://margopowell.wordpress.com/2012/05/28/skinning-the-spinnerlist-for-flex-4-6-mobile/
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.
I want to round specific corners of buttons to create something like mx.controls.ButtonBar. But I cannot figure out how ButtonBar does this even after looking at its source. I thought the focusRoundedCorners css property was the answer but that applies only to drawing the button's focus box. Any idea on this would be greatly appreciated!
You can do this by creating custom skins for your buttons. Take a look at the source file in the Flex SDK for ButtonBarFirstButtonSkin.mxml (assuming you are using SDK 4). In a nutshell, when you draw the background/border/fill, you set topLeftRadiusX (or whatever corners you want rounded) on the Rect object. After creating your skin, assign it to the button in your CSS. Hope that helps.