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.
