3 Replies Latest reply on Jul 6, 2009 10:34 AM by jeremy_hixon

    Fading a container and it's children

    jeremy_hixon

      Container fades, children do not. They just stay there as the container fades then blink out suddenly. Suggestions?

      Here's the relevant code:

       

                <mx:Fade id="minimize" alphaFrom="1.0" alphaTo="0.0"/>

       

                 <mx:ViewStack id="viewstack1" width="100%" height="100%">
                      <mx:Canvas height="100%" width="100%" id="view1" hideEffect="minimize">
                          <mx:VBox bottom="0" left="0" styleName="speechBox" height="100%" backgroundSize="100%" paddingBottom="30">
                              <mx:Label text="FPO" styleName="sectionHead"/>
                              <mx:Text height="100%" width="600" styleName="sectionText">
                                  <mx:text>
                                      <![CDATA[Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum feugiat consequat tellus, ac laoreet nisi auctor at. Fusce adipiscing ullamcorper libero cursus molestie. Proin lorem massa, feugiat sit amet dapibus in, tincidunt sit amet magna. Etiam id leo nec tellus sagittis rhoncus eget vulputate nulla. Quisque consectetur pharetra tellus sit amet hendrerit. Mauris at porttitor magna. Donec pulvinar bibendum massa, tempus semper quam auctor quis. Pellentesque leo felis, semper a laoreet sit amet, euismod dignissim tortor. Fusce eu neque sem, a pharetra quam. Cras rutrum lectus eu est fermentum sed malesuada nisl condimentum. Mauris volutpat aliquam felis, quis condimentum turpis consequat id. Nulla justo turpis, ultrices nec fermentum id, sollicitudin ultricies lectus. Ut sagittis ipsum vel diam rutrum cursus. In ultricies orci at nunc dictum condimentum. Proin at tellus at turpis facilisis iaculis. Nunc vehicula varius lectus tristique pulvinar.]]>
                                  </mx:text>
                              </mx:Text>
                          </mx:VBox>
                      </mx:Canvas>
                      <mx:Canvas height="100%" width="100%" id="view2" hideEffect="minimize">
                          <mx:VBox bottom="0" left="145" styleName="speechBox" height="100%" backgroundSize="100%">
                              <mx:Label text="FPO" styleName="sectionHead"/>
                          </mx:VBox>

                      </mx:Canvas>

                 </mx:ViewStack>