Hi Jason, I tried to avoid the states because it is so much more comfortable to use the viewstack with tabs and so forth. But if I would try to go the States way.. how would I best organize it when I have two complex components? Should I completely remove on child and ad the other.. where each child would be a component and the transition would remove the child after its animation has finished?? Do I get this right?
And in regards to the other answer. The WipeEffect is not what I want. I need both children to be visible at the same time so that you can see the second one sliding in while the first one is sliding out.. Cheers, Max ----- Original Message ---- From: jmfillman <[EMAIL PROTECTED]> To: flexcoders@yahoogroups.com Sent: Wednesday, February 20, 2008 4:52:19 AM Subject: [flexcoders] Re: Is it possible to have 2 children of viewstack visible? Max, I would think that States with transition effects would be the easiest way to do this. Jason --- In [EMAIL PROTECTED] ups.com, "m.frigge" <[EMAIL PROTECTED] .> wrote: > > Knock.. knock.. nobody knows this?? > A simple no it doesn't work would be alright too :-) ??? > > > --- In [EMAIL PROTECTED] ups.com, Max Frigge <m.frigge@> wrote: > > > > Hi, > > > > I am trying to create a slide effect for a ViewStack. Therefor > > I would need to have 2 children visible at the same time, so that > > you can see the second child sliding in while the first one is > > sliding out. Is that possible or am I on the wrong path? > > > > I want something like this: > > > > <?xml version="1.0" ?> > > <!-- containers\navigato rs\VSLinkEffects .mxml --> > > > > > > <mx:Parallel id="toSecond" > > > <mx:Move duration="400" xFrom="{search. x}" > xTo="{search. width}" target="{search} "/> > > <mx:Move duration="400" xFrom="{-custInfo. width}" > xTo="{custInfo. x}" target="{custInfo} "/> > > </mx:Parallel> > > > > <mx:ViewStack id="myViewStack" > > borderStyle= "solid" > > width="200" > > creationPolicy= "all"> > > > > <mx:Canvas id="search" > > label="Search" > > > <mx:Label text="Search Screen"/> > > </mx:Canvas> > > > > <mx:Canvas id="custInfo" > > label="Customer Info"> > > <mx:Label text="Customer Info"/> > > </mx:Canvas> > > </mx:ViewStack> > > > > <mx:Button click="toSecond. play()" label="Play Effect" /> > > </mx:Application> > > > > > > > > > > > ____________ _________ _________ _________ _________ _________ _ ____________ __ > > Looking for last minute shopping deals? > > Find them fast with Yahoo! Search. > http://tools. search.yahoo. com/newsearch/ category. php? category=shopping > > > <!-- #ygrp-mkp{ border:1px solid #d8d8d8;font-family:Arial;margin:14px 0px;padding:0px 14px;} #ygrp-mkp hr{ border:1px solid #d8d8d8;} #ygrp-mkp #hd{ color:#628c2a;font-size:85%;font-weight:bold;line-height:122%;margin:10px 0px;} #ygrp-mkp #ads{ margin-bottom:10px;} #ygrp-mkp .ad{ padding:0 0;} #ygrp-mkp .ad a{ color:#0000ff;text-decoration:none;} --> <!-- #ygrp-sponsor #ygrp-lc{ font-family:Arial;} #ygrp-sponsor #ygrp-lc #hd{ margin:10px 0px;font-weight:bold;font-size:78%;line-height:122%;} #ygrp-sponsor #ygrp-lc .ad{ margin-bottom:10px;padding:0 0;} --> <!-- #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean, sans-serif;} #ygrp-mlmsg table {font-size:inherit;font:100%;} #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, clean, sans-serif;} #ygrp-mlmsg pre, code {font:115% monospace;} #ygrp-mlmsg * {line-height:1.22em;} #ygrp-text{ font-family:Georgia; } #ygrp-text p{ margin:0 0 1em 0;} #ygrp-tpmsgs{ font-family:Arial; clear:both;} #ygrp-vitnav{ padding-top:10px;font-family:Verdana;font-size:77%;margin:0;} #ygrp-vitnav a{ padding:0 1px;} #ygrp-actbar{ clear:both;margin:25px 0;white-space:nowrap;color:#666;text-align:right;} #ygrp-actbar .left{ float:left;white-space:nowrap;} ..bld{font-weight:bold;} #ygrp-grft{ font-family:Verdana;font-size:77%;padding:15px 0;} #ygrp-ft{ font-family:verdana;font-size:77%;border-top:1px solid #666; padding:5px 0; } #ygrp-mlmsg #logo{ padding-bottom:10px;} #ygrp-vital{ background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;} #ygrp-vital #vithd{ font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transform:uppercase;} #ygrp-vital ul{ padding:0;margin:2px 0;} #ygrp-vital ul li{ list-style-type:none;clear:both;border:1px solid #e0ecee; } #ygrp-vital ul li .ct{ font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;padding-right:.5em;} #ygrp-vital ul li .cat{ font-weight:bold;} #ygrp-vital a{ text-decoration:none;} #ygrp-vital a:hover{ text-decoration:underline;} #ygrp-sponsor #hd{ color:#999;font-size:77%;} #ygrp-sponsor #ov{ padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;} #ygrp-sponsor #ov ul{ padding:0 0 0 8px;margin:0;} #ygrp-sponsor #ov li{ list-style-type:square;padding:6px 0;font-size:77%;} #ygrp-sponsor #ov li a{ text-decoration:none;font-size:130%;} #ygrp-sponsor #nc{ background-color:#eee;margin-bottom:20px;padding:0 8px;} #ygrp-sponsor .ad{ padding:8px 0;} #ygrp-sponsor .ad #hd1{ font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height:122%;} #ygrp-sponsor .ad a{ text-decoration:none;} #ygrp-sponsor .ad a:hover{ text-decoration:underline;} #ygrp-sponsor .ad p{ margin:0;} o{font-size:0;} ..MsoNormal{ margin:0 0 0 0;} #ygrp-text tt{ font-size:120%;} blockquote{margin:0 0 0 4px;} ..replbq{margin:4;} --> ____________________________________________________________________________________ Looking for last minute shopping deals? Find them fast with Yahoo! Search. http://tools.search.yahoo.com/newsearch/category.php?category=shopping