Comments on: Flex 4 Spark Skinning http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/ Jonathan Campos's Blog about Flex and the Flash Platform Thu, 11 Mar 2010 15:15:47 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Jonathan Campos http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-598 Jonathan Campos Thu, 25 Feb 2010 14:58:06 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-598 @dave What do you mean "how would these look separated out to a css file?". My example shows how to include skins in css. The whole skin file would not go into a css file. Yes, the host component would stay in the proper skin file. The best ways to match styles of halo components in a Fx4 project would be to use the "halo" default theme. This simple theme will make your Fx4 spark components look like halo components... or use halo components :) Let me know what other resource suggestions you are looking for and I'd be happy to point you in a direction, what is it you are trying to learn? @dave What do you mean “how would these look separated out to a css file?”. My example shows how to include skins in css. The whole skin file would not go into a css file.

Yes, the host component would stay in the proper skin file.

The best ways to match styles of halo components in a Fx4 project would be to use the “halo” default theme. This simple theme will make your Fx4 spark components look like halo components… or use halo components :)

Let me know what other resource suggestions you are looking for and I’d be happy to point you in a direction, what is it you are trying to learn?

]]> By: Dave http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-594 Dave Tue, 23 Feb 2010 20:09:04 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-594 Thanks for the simple breakdown. How would these look separated out to a css file? Do you leave the host component meta tag declaration in the mxml file, and simply define the style properties for the various states in the css? Also, whats the best way to match styles in an application that is being developed in Flex 3 and flash builder 4? My biggest hurdle as a non-programmer/designer, is trying to make the two look and act the same while being constrained to only halo components in one application and the changing nature of a beta development tool in the other. Do you have any resource suggestions for a novice in this situation? Thanks in advance! Thanks for the simple breakdown. How would these look separated out to a css file? Do you leave the host component meta tag declaration in the mxml file, and simply define the style properties for the various states in the css? Also, whats the best way to match styles in an application that is being developed in Flex 3 and flash builder 4? My biggest hurdle as a non-programmer/designer, is trying to make the two look and act the same while being constrained to only halo components in one application and the changing nature of a beta development tool in the other. Do you have any resource suggestions for a novice in this situation?

Thanks in advance!

]]> By: Jonathan Campos http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-555 Jonathan Campos Mon, 08 Feb 2010 15:05:05 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-555 Check out what dev girl did, it should <a href="http://devgirl.wordpress.com/2009/12/03/flex-4-bordercontainer-quick-and-useful-spark-component/" rel="nofollow">explain background images</a> well. Check out what dev girl did, it should explain background images well.

]]> By: prasad http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-547 prasad Sat, 06 Feb 2010 06:18:16 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-547 thanks for the explanation. can i have some inputs on how to apply background attachment/background image to certain control. regards. thanks for the explanation. can i have some inputs on how to apply background attachment/background image to certain control.
regards.

]]> By: Jonathan Campos http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-522 Jonathan Campos Tue, 02 Feb 2010 20:01:13 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-522 Updated the examples to be up with the newest Fx4 build. Updated the examples to be up with the newest Fx4 build.

]]> By: Ingo http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-474 Ingo Fri, 15 Jan 2010 18:46:36 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-474 Jonathan, thanks for the post. SimpleText throws an error on my build. workaround: just use Label , with the id as discussed above. Jonathan,
thanks for the post.
SimpleText throws an error on my build.
workaround: just use Label , with the id as discussed above.

]]> By: Jonathan Campos http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-322 Jonathan Campos Thu, 22 Oct 2009 19:15:52 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-322 Thank you Nick, and you are right. I need to update the examples to reflect the newest SDKs. Thank you Nick, and you are right. I need to update the examples to reflect the newest SDKs.

]]> By: Nick W http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-321 Nick W Thu, 22 Oct 2009 19:07:29 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-321 Thank you for your clear explanation of how to properly skin spark buttons. It has to be the best I've found online. There is one thing I wanted to point out though. Due to a change in how text will be represented in buttons, as I found out from here: http://opensource.adobe.com/wiki/display/flexsdk/Spark+Text+Primitives+Decision I believe your examples will need to replace: with: At least this is what I had to do in my skins when upgrading from Flash Builder Beta 1 to Beta 2. Thank you for your clear explanation of how to properly skin spark buttons. It has to be the best I’ve found online. There is one thing I wanted to point out though.

Due to a change in how text will be represented in buttons, as I found out from here:

http://opensource.adobe.com/wiki/display/flexsdk/Spark+Text+Primitives+Decision

I believe your examples will need to replace:

with:

At least this is what I had to do in my skins when upgrading from Flash Builder Beta 1 to Beta 2.

]]> By: Ramesh http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-271 Ramesh Wed, 09 Sep 2009 16:22:36 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-271 Thank you. PNG worked great. Thank you. PNG worked great.

]]> By: Jonathan Campos http://unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/comment-page-1/#comment-270 Jonathan Campos Wed, 09 Sep 2009 15:53:31 +0000 http://unitedmindset.com/jonbcampos/?p=540#comment-270 No, that makes sense. The problem is that you are using jpg and gifs. Try using a swf or png with a transparent background. That will give you your desired effect. No, that makes sense. The problem is that you are using jpg and gifs. Try using a swf or png with a transparent background. That will give you your desired effect.

]]>