Flex Skinning Options

[tfcenturion]

Hi everyone,

I recently got the tutorials for flex and am having fun learning about it.

I have hit a small snag in a project im trying to do.

Iv begun to convert an existing flash app that i was doing, to flex but when i try and skin the now flex app it errors when trying to use a movieclip as a panel skin.

Can anyone point or show me how to skin a Panel object in as3 or via the css bit that brent talks about but i need this dynamic so the user can choose at runtime.

Im terriable at explaining so i hope everyone gets the gist of what im trying to say.

Thanks to anyone who helps on this.

Paul

[iBrent]

Hi Paul,

To skin the Flex component in Flash, be sure to check out the Flex Component Kit for Flash CS3/CS4 listed here --> http://www.adobe.com/go/flex3_cs3_swfkit

There are a number of instructions for using the Flash extension to create the Flex skin, but the basic idea is to:

1. Create a new Flash Flex skin component project
2. Edit the skin to your liking
3. Export the swc file that has the new Flex component
4. Import the skin into Flex under File>Import>Skin Artwork...

Then in your Flex app you reference the skin using CSS described here --> http://livedocs.adobe.com/flex/3/html/help...skinning_4.html

To dynamically load styles at runtime, checkout this info here --> http://livedocs.adobe.com/flex/3/html/help...=styles_10.html

Basically you create a swf that is compiled from the CSS file, and then you can dynamically load a new CSS swf file to change the skins on the fly.

Let us know if you have more questions!

iBrent

[tfcenturion]

Hi Brent,

Thank you for those tips and directions.

I have now been able to skin my app so all is begining to look good, this flex is very cool to learn, i love the itemRenderer part, to be able to create your own list rendering system, very cool.

again cheers for the help

Paul