We are finally migrating from Flex 2 to Flex 3.
Most of our code migrated without issue, but there are a few UI issues
that I am chasing:
- Some of my skinned buttons are stretched. I have the following
button skin defined:
.nextPageBtn
{
up-skin: Embed(source='assets/images/nextPageBtn.png');
over-skin: Embed(source='assets/images/nextPageBtn.png');
down-skin: Embed(source='assets/images/nextPageBtn.png');
disabled-skin: Embed(source='assets/images/nextPageBtn-disabled.png');
}
In Flex 2 I could simply use the skin with the following line:
<mx:Button styleName="nextPageBtn" verticalCenter="0" right="5"/>
It seems that I need to specify "width" and "height" in Flex 3. Why
do I need to specify size information on this button. Nothing in the
button layout tells it to "stretch"...if I specify size information
for the button I can get it to look right, but if I update the skin
later I will need to re-adjust the size. This does not seem
right...seems like something is not working correctly here.
Another problem is with a Gradient style that I am applying to a
Canvas using "SimpleGradientBorder" (you can google it). This style
works great still in most areas of my product. But does not apply for
some reason a Canvas which is the root of a PopUpButton "Popup". I
can't see anything that I am doing differently in this case and it
worked correctly in Flex 2. I changed HaloBorder to PanelSkin, but
this did not seem to make a difference.
There are a couple of other things that I am chasing, but I need to
look into them more.
Thanks for any help on completing this migration!
Gary
