well I have finally found my answer of why what I trying to do didn't work http://bugs.adobe.com/jira/browse/SDK-15575
there's a bug when using bitmaps, it only works with vectors. We got rid of the animation and went for a bitmap approach using css. thanks Alain for your help. S --- In [email protected], Alain Thibodeau <thibodeau.al...@...> wrote: > > hi there, > What I meants was: I don't think you can apply scale 9 to a class in css. I > think you can only do one or the other..either in flash with classes or in > css with bitmaps, but not 100% sure on this, I've never had to do it. > > I wonder why it isn't stretching properly from the flash, and I assume there > is a reason you are using flash with bitmaps, perhaps because of an > animation?...if there isn't then why not go with all bitmaps only? In that > your css would look like something like this: > > .flipButton{upSkin: > Embed(source="../images/iconCloseImage.png",scaleGridLeft="1",scaleGridTop="1",scaleGridRight="2",scaleGridBottom="2");overSkin: > > Embed(source="../images/iconCloseImage.png",scaleGridLeft="1",scaleGridTop="1",scaleGridRight="2",scaleGridBottom="2");downSkin: > > Embed(source="../images/iconCloseImage.png",scaleGridLeft="1",scaleGridTop="1",scaleGridRight="2",scaleGridBottom="2");color: > "0xC8C8C8";textRollOverColor: "FFFFFF";textSelectedColor: "FFFFFF";textAlign > }: "left"; > > > > > > > > ________________________________ > From: quinrou <quin...@...> > To: [email protected] > Sent: Thursday, March 12, 2009 6:37:33 AM > Subject: [flexcoders] Re: flash cs3 skinning > > > Hi, > > I used the scale9grid which is part of the flash cs3 ide. the button template > in flash cs3 already offers the scale9grid guides. All I did is move them to > the right place so it wouldn't deform my round bits on my skin. > > here is the css I used to apply the skin > > .flipButton > { > skin: ClassReference( "FlipButtonSkin" ); > color: "0xC8C8C8"; > textRollOverColor: "0xFFFFFF"; > textSelectedColor: "0xFFFFFF"; > textAlign: "left"; > } > > how would you apply the scale9grid to the skin in this case? > > many thanks > S > > --- In flexcod...@yahoogro ups.com, Alain Thibodeau <thibodeau.alain@ ...> > wrote: > > > > You mean you did the scale 9 in Flash with the guides or in the flex css? I > > haven't had to set it in both before, but sounds like it isn't set > > properly. I'd play around with the guides in flash and in the css... > > > > > > I've never had issues with it in flash or in css with bitmaps..... > > > > http://www.adobe. com/devnet/ flex/articles/ flex_skins_ 08.html > > > > hth > > > > > > > > > > > > ____________ _________ _________ __ > > From: quinrou <quinrou@ > > > To: flexcod...@yahoogro ups.com > > Sent: Wednesday, March 11, 2009 1:23:14 PM > > Subject: [flexcoders] flash cs3 skinning > > > > > > Hi, > > > > I have skinned a button using the flex skinning template in flash cs3. The > > skinned is composed of bitmaps and vertors. The skin has some rounded > > corners so I used a scale9grid to make sure they wouldn't be distorted when > > used. > > However when the skin is used in flex the scale9grid doesn't seem to work > > on the bipmap, they are distorted. the vector graphics seem to behave as > > expected. > > > > Does anyone know what I need to do to get this working properly? > > > > thanks > > S > > > > > > > > > > > > ____________ _________ _________ _________ _________ _________ _ > > Yahoo! Canada Toolbar: Search from anywhere on the web, and bookmark your > > favourite sites. Download it now at > > http://ca.toolbar. yahoo.com. > > > > > > > > __________________________________________________________________ > Instant Messaging, free SMS, sharing photos and more... Try the new Yahoo! > Canada Messenger at http://ca.beta.messenger.yahoo.com/ >
