make viewstack child not invisible

[purevwx]

hi all,

i know this is not a PureMVC centric question, but as most guys here seem to use flex i ask it anyways.
I have this viewstack:

:

<mx:ViewStack id="vwStack" left="0" top="0" right="0" bottom="0" resizeToContent="true" creationPolicy="auto">
<view:ImageViewer id="imageViewer"/>
<view:Player id="player"/>
<view:AssetPreview id="preview" bottom="80" width="100%"/>
</mx:ViewStack>
I want the child "preview" (a small one) to be visible in front of current active child f.e. on a mouseOver. At the moment it only shows one child at a time and the others are not visible. How can i do that?

[puremvc]

The viewstack will ALWAYS show only one child. Something along these lines is what you'll probably want:

               

:

<mx:ViewStack id="vwStack" onMouseOver="showPreview=true" onMouseOut="showPreview=false">
<view:ImageViewer id="imageViewer"/>
<view:Player id="player" />
</mx:ViewStack>
<view:AssetPreview id="preview" bottom="80" width="100%" visible="{showPreview}"/>

-=Cliff>

[purevwx]

thanks cliff, but this will show the AssetPreview-Component below the active viewstack component, won't it? I want to show the preview in front of the active viewstack component. I figured out that maybe i can manage that with PopUpManager, but i'm not sure if this works nice with mouseOver/mouseOut.

regards, Thomas

[puremvc]

The order posted above should be displayed overtop the viewstack if they're both children of a canvas. Successive MXML declarations are rendered above each other.

And yes, you could do it as a popup if you wanted to, but that'd be more effort.
-=Cliff>

[purevwx]

hi again,

this doesn't work. i have the following code and the AssetPreview component is shown below the active view stack componenent 

:

<mx:Canvas>
<mx:VBox x="0" y="0" height="520" width="600">

<mx:Button id="videomode" label="video"/>
<mx:Button id="imagemode" label="image"/>
<mx:ViewStack id="vwStack" left="0" top="0" right="0" bottom="0" resizeToContent="true" creationPolicy="auto">
<view:ImageViewer id="imageViewer"/>
<view:Player id="player"/>
</mx:ViewStack>
<view:AssetPreview id="preview" y="150" width="100%" visible="true"/>
</mx:VBox>
</mx:Canvas>

Am i missing something?

p.s. the viewstack also doesnt have mouseOver/mousOut event handler, but this is not my big problem.

regards, Thomas

[purevwx]

ok, got it. Its because the Assetpreview component is in the vbox. Outside of this, it works!

[puremvc]

Your container holding the viewstack and the preview is a VBox. That control lays its children out vertically.

-=Cliff>