Comments on: Tips for Using the Flex Skin Design Extensions http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/ The latest about ScaleNine Sat, 22 Nov 2008 09:54:52 +0000 http://wordpress.org/?v=2.6 By: dogukan unal http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-76900 dogukan unal Fri, 04 Jul 2008 15:05:23 +0000 http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-76900 i cant flex autoscale my button too... what can i do? i cant flex autoscale my button too… what can i do?

]]> By: Julien http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-57088 Julien Wed, 23 Apr 2008 07:38:31 +0000 http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-57088 Hi guys. I have a problem using skins so maybe you can give me a little help :-) I have used flash to create my flex skins and it works fine. Then I have tried to set up a transition inside flash, for the button control: If I try to change the colour of the button, it works nice, but when I try to enlarge the button from up to over, it doesn t do it in flex... It seems like flex autoscale my button..... Do you know what to do? Thanks. Hi guys.

I have a problem using skins so maybe you can give me a little help :-)

I have used flash to create my flex skins and it works fine. Then I have tried to set up a transition inside flash, for the button control:
If I try to change the colour of the button, it works nice, but when I try to enlarge the button from up to over, it doesn t do it in flex…

It seems like flex autoscale my button…..

Do you know what to do?

Thanks.

]]> By: juan http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-53373 juan Sat, 05 Apr 2008 00:04:04 +0000 http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-53373 Since the ComboBox arrow icon is baked into the skin you could try setting the horizontal 9-slice guides both above or below the icon. This can also create some unwanted effects. Or, just make your ComboBox skin the height you want it rather than setting the height in Flex. This will prevent any vertical stretching to happen at all. As a side note, if you're just trying to change to the icon color on the default Flex skin, a new property was introduced in Flex 3 to do that. That property is iconColor and you just specify the color you'd like your arrow icon to be. Since the ComboBox arrow icon is baked into the skin you could try setting the horizontal 9-slice guides both above or below the icon. This can also create some unwanted effects. Or, just make your ComboBox skin the height you want it rather than setting the height in Flex. This will prevent any vertical stretching to happen at all.

As a side note, if you’re just trying to change to the icon color on the default Flex skin, a new property was introduced in Flex 3 to do that. That property is iconColor and you just specify the color you’d like your arrow icon to be.

]]> By: Frank http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-53336 Frank Fri, 04 Apr 2008 19:32:36 +0000 http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-53336 Thanks a lot, Juan. I've notice that the same occurs also with the comboBox, as you're saying. Any luck of having a similar workaround to not have the arrow icon being stretched like that in a comboBox as well? Thanks a lot, Juan. I’ve notice that the same occurs also with the comboBox, as you’re saying.

Any luck of having a similar workaround to not have the arrow icon being stretched like that in a comboBox as well?

]]> By: juan http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-53314 juan Fri, 04 Apr 2008 17:36:21 +0000 http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-53314 Hi Frank, You're in luck! In Flex 3 there was a style introduced for PopUpButton called popUpIcon. If you specify an asset for that property that asset will not stretch with the dimensions of the PopUpButton. Cool, huh? So, you're probably asking, "Why were the templates set up like that?". Well, PopUpButton has a popUpIcon property, but ComboBox does not. Bummer I know. To keep consistency between how the two skin templates were set up both icons were "baked into" the skin. With that said, I think the solution is to pull the icon graphic out from the PopUpButton symbol and make a new Symbol called "PopUpButton_popUpIcon" and publish that. You may need to do some tweaking, but that should get you on the right track. Hope that helps. Hi Frank,

You’re in luck! In Flex 3 there was a style introduced for PopUpButton called popUpIcon. If you specify an asset for that property that asset will not stretch with the dimensions of the PopUpButton. Cool, huh?

So, you’re probably asking, “Why were the templates set up like that?”. Well, PopUpButton has a popUpIcon property, but ComboBox does not. Bummer I know. To keep consistency between how the two skin templates were set up both icons were “baked into” the skin.

With that said, I think the solution is to pull the icon graphic out from the PopUpButton symbol and make a new Symbol called “PopUpButton_popUpIcon” and publish that. You may need to do some tweaking, but that should get you on the right track.

Hope that helps.

]]> By: Frank http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-53271 Frank Fri, 04 Apr 2008 13:16:44 +0000 http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-53271 Hi there! thanks for the information.. I just began to do some skining test using Illustrator and I followed the steps from Narciso Jaramillo's article. It's been working great for a lot of controls, but I've noticed some weird behaviors and can't find answers for these. By example, the arrow of my popUpButton is always stretched in height instead of staying centered in the middle, when I modify the popUpButton height. If I start a new flex skin from the default template with all the controls and that I export it right away, I will be able to reproduce this. I just have to add a popUpButton and modify it's height. Would their be any way to control this? Hi there! thanks for the information..

I just began to do some skining test using Illustrator and I followed the steps from Narciso Jaramillo’s article. It’s been working great for a lot of controls, but I’ve noticed some weird behaviors and can’t find answers for these.

By example, the arrow of my popUpButton is always stretched in height instead of staying centered in the middle, when I modify the popUpButton height.

If I start a new flex skin from the default template with all the controls and that I export it right away, I will be able to reproduce this. I just have to add a popUpButton and modify it’s height.

Would their be any way to control this?

]]> By: much ado about something » Flex 3/CS3 skinning resources http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-50128 much ado about something » Flex 3/CS3 skinning resources Mon, 17 Mar 2008 02:16:42 +0000 http://scalenine.com/blog/2008/03/16/tips-for-using-the-flex-skin-design-extensions/#comment-50128 [...] Juan Sanchez of ScaleNine, who built the CS3 Flex skin templates, has just posted some great tips and tricks for using the skin templates. Thanks [...] [...] Juan Sanchez of ScaleNine, who built the CS3 Flex skin templates, has just posted some great tips and tricks for using the skin templates. Thanks [...]

]]>