Hey Guys, I'm clearly missing something about Flex skinning & buttons in particular. Basically, I have absolutely no idea how the size of your skin, the scale9 grid, and the final label/icon have an effect on final button sizes. I feel like I'm missing some core concept.
I'm working with the Flash/Flex skinning toolkit from adobe & Flex 3 final, and here's what I have: The scale9 grid from the flash movieclip: http://kyleneath.com/share/flexcoders_scale9.png The CSS: Button { skin: Embed(skinClass="Button_skin"); padding-left:0; padding-right:0; } The final result: http://kyleneath.com/share/flexcoders_finalbuttons.png The end result brings up a few questions for me: 1. Why do I have mystery padding on the left? (If I add padding on the left/right, it does in fact add extra space on the right/left as appropriate; no overriding padding exists) 2. Why are areas outside the scaling portion of the scale9 grid scaling? (check the left rounded width on "cancel" and "save") 3. Do I need to keep my button sizes the same size as they were in the original flash/flex skinning kit? I had this wacky idea that the scale9 grid influenced the size, not some other unknown factor... Thanks for any help! - Kyle Neath
