3 Replies Latest reply on Mar 12, 2012 5:17 PM by J Clow

    Problem with Transitions

    J Clow Level 1

      Currently, I have the code below (keep in mind that I only posted relevant parts).

       

       

                <s:states>
                          <s:State name="preCopy" />
                          <s:State name="optionsState" />
                </s:states>
      
      
                <s:transitions>
                          <s:Transition fromState="*">
                                    <s:Parallel>
                                              <s:Parallel filter="show">
                                                        <s:Fade alphaFrom="0" alphaTo="1"  duration="3000"/>
                                                        <s:Move yBy="-10" duration="3000" easer="{powerEasing}" />
                                              </s:Parallel>
                                              <s:Resize target="{appPanel.contentGroup}" duration="600" easer="{powerEasing}"/>
                                    </s:Parallel>
                          </s:Transition>
                </s:transitions>
      
      
      
      
                <s:Panel title=" fooBar "
                                      id="appPanel"
                                      minHeight="0"
                                      x="10"
                                      y="10">
      
                          <s:VGroup includeIn="preCopy"
                                                paddingBottom="10"
                                                paddingLeft="10"
                                                paddingRight="10"
                                                paddingTop="10"
                                                width="160"
                                                horizontalAlign="center">
                                    <s:Button label="Start Copy Now" click="startCopyNow(event)" />
                                    <s:Label id="timeToCopyTxt" />
                                    <s:Button label="Stop Autostart" click="mouseStopAutostart(event)" />
                                    <s:Button label="Options" click="openOptions(event)" />
                          </s:VGroup>
      
                            <s:Form includeIn="optionsState">
                                    <s:layout>
                                              <s:FormLayout gap="-14"
                                                                              paddingBottom="-5"
                                                                              paddingLeft="-10"
                                                                              paddingRight="-20"
                                                                              paddingTop="-5" />
                                    </s:layout>
                                    <s:FormItem label="Load Location">
                                              <s:TextInput id="loadInput" text="{loadDir}" width="200" change="loadDir = loadInput.text" />
                                    </s:FormItem>
                                    <s:FormItem label="Save Location">
                                              <s:TextInput id="saveInput" text="{saveDir}" width="200" change="saveDir = saveInput.text"/>
                                    </s:FormItem>
                                    <s:FormItem label="Extra Folders">
                                              <s:NumericStepper id="extraFInput" value="{extraFolders}" change="extraFolders = extraFInput.value" 
                                              snapInterval="1" minimum="0" maximum="100" />
                                    </s:FormItem>
                                    <s:FormItem>
                                              <s:Button label="Close Options" click="copyPrep()" />
                                    </s:FormItem>
                          </s:Form>
                </s:Panel>
      
      

       

      When going between the two states, my panel shows its transition correctly, but the buttons that are now on the screen do not show the transition I gave to them (the fade in transition and move transition). How do I fix that?

       

      Thanks.