hmm, now i got the logic. (but did not try) i did not used to know that i could add these effects to child containers, thanks a lot... in addition, is there a way to choose the transition effect? ----- Original Message ---- From: Dustin Mercer <[EMAIL PROTECTED]> To: flexcoders@yahoogroups.com Sent: Saturday, December 2, 2006 11:55:35 PM Subject: RE: [flexcoders] tabnavigator transitions
Yigit, You can try to use the hide and show effects on the child containers of the TabNavigator. The TabNavigator will play these effects when it changes. Here is some small pseudo code... You can use any of the Flex events in place of the fade affect. Note this was coded in Outlook, so not sure if it compiles, just wanted to throw something together for you. <mx:Fade id="fadeIn" alphaFrom="0" alphaTo="1" /> <mx:Fade id="fadeOut" alphaFrom="1" alphaTo="0" /> <mx:TabNavigator> <mx:VBox showEffect=" {fadeIn}" hideEffect=" {fadeOut} " /> <mx:VBox showEffect=" {fadeIn}" hideEffect=" {fadeOut} " /> <mx:VBox showEffect=" {fadeIn}" hideEffect=" {fadeOut} " /> <mx:VBox showEffect=" {fadeIn}" hideEffect=" {fadeOut} " /> </mx:TabNavigator> ____________ _________ _________ __ From: [EMAIL PROTECTED] ups.com on behalf of Yiðit Boyar Sent: Sat 12/2/2006 11:06 AM To: [EMAIL PROTECTED] ups.com Subject: [flexcoders] tabnavigator transitions after being a coder for years, i've always been away from design... but now i need to do some transition efect to my tabnavigator; but i could not find any example; can anyone please help me? (i need an example transition code that works on tabnavigator) i need: 1: basic transition effect between tab changes for the tabnavigator 2: some special effect that i trigger between specific changes. (is this possible; i mean while passing from tab0 to tab4 , i want to play a special effect) thanks for your helps.. Yigit Boyar ____________ _________ _________ __ Everyone is raving about the all-new Yahoo! Mail beta. <http://us.rd. yahoo.com/ evt=42297/ *http://advision .webevents. yahoo.com/ mailbeta> <!-- #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;} --> __________________________________________________ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com