Expanding and Moving of a SkinnableContainer

Question

Hello!
I am using Flex 4 and a SkinnableContainer. I add the container with
this.addElement(theSkinnableContainer);
to my screen.
My problem is, that I willnot only put the Container onto the screen, I want, that you can see how the container will be displayed. So I think about a kind of an expansion. So the container could be 1x1px and then expand to the 92x92px size. Is this possible and how could I do this?
Also I do not know how to move such a container onto the screen. There is a move method for it, but you can not see the move. I want to see the automatic movement from one side to the other side of the screen.
Perhaps someone has an idea?
Thanks a lot in advance & Best Regards PHANTOMIAS
Source code of the SkinnableContainer:
<?xml version="1.0" encoding="utf-8"?>
<s:SkinnableContainer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
                      mouseUp="skinnablecontainer2_mouseUpHandler(event)" mouseDown="skinnablecontainer2_mouseDownHandler(event)"
                      skinClass="skin.SkinBackgroundImageTask" width="92" height="92">
    <fx:Style source="/styles/styles.css"/>
    <fx:Script>
    </fx:Script>
    <s:Label x="0" y="0" width="86" height="86" text="{taskText}" fontFamily="notes" fontSize="14" verticalAlign="middle" textAlign="center"/>
</s:SkinnableContainer>

Answer 1

Has no one an idea how to do this?
Best Regards PHANTOMIAS