6 Replies Latest reply on Oct 13, 2011 11:25 AM by Jerry62712

    Transition Effect

    Jerry62712 Level 1

      After reading this and this and this I thought I'd be able to easily add a transition when I go from an input to an output form.  No such luck.  What am I doing wrong?

       

      <s:transitions>
      <s:Transition fromState="*" toState="*">
      <s:Parallel targets="{inputForm,resultForm}">
      <s:Fade duration="5000"/>
      <s:Wipe direction="down" duration="5000"/>
      </s:Parallel>
      </s:Transition>
      </s:transitions>

      with these pieces:

       

      <s:BorderContainer
      width="100%"
      includeIn="Input"
      backgroundColor="#DEDACF"
      chromeColor="#DEDACF"
      borderVisible="false">
      <s:Group
      id="inputForm"
      horizontalCenter="0"
      width="100%">
      <DHSComp:InputForm
      width="100%" />
      </s:Group>
      </s:BorderContainer>

       

      <!-- ************************************************************** -->
      <!-- ** Result form *********************************************** -->
      <s:BorderContainer
      width="100%"
      includeIn="Results"
      backgroundColor="#DEDACF"
      chromeColor="#DEDACF"
      borderVisible="false" >
      <s:Group
      id="resultForm"
      horizontalCenter="0"
      width="100%">
      <DHSComp:ResultForm
      width="100%" />
      </s:Group>
        • 1. Re: Transition Effect
          Jerry62712 Level 1

          The third link was actually this.

           

          I don't know how to copy in here without it creating a table.

          • 2. Re: Transition Effect
            Jerry62712 Level 1

            Anyone know how to copy here without it becoming a table?

             

            And anyone know why the transaction isn't happening?

            • 3. Re: Transition Effect
              Jerry62712 Level 1

              Since I'm sure that some kind of transitions do actually exist, the question becomes what do they exist with?

               

              I tried using the target of a fade as a BorderContainer and a custom component and neither would fade.  If you have to use every control instead of the container, it would become pretty unwieldy.  And how would you even do that within a component as opposed to the main mxml.

              1 person found this helpful
              • 4. Re: Transition Effect
                Jerry62712 Level 1

                I expanded it to trying to fade a textarea control and that failed as well.

                 

                I'll bet it is some very simple thing I'm doing wrong, despite reading the three different doc listed in the first message and two more since then.

                1 person found this helpful
                • 5. Re: Transition Effect
                  flexercised Level 2

                  The targets should be an array i.e.

                  <s:Parallel targets="{[inputForm,resultForm]}">

                  Note the square brackets.

                   

                  Also you may want to put the includeIn and id both on the same component:

                  <s:BorderContainer

                      width="100%"

                      includeIn="Input" id="inputForm"

                  • 6. Re: Transition Effect
                    Jerry62712 Level 1

                    Thanks, Flexer.

                     

                    I had tried the array in one of the MANY iterations that I've tried.  But your post led the way.  I see in my original post that I had made the mistake you correctly pointed out so I'm happy to give you a "Helpful".

                     

                    As expected, I was making a mistake.  It was a simple one.  The above mistake and when I tried simplifying it (the 20 line example), another.  That was was not including the binding ({}) on the single item I was testing on.

                     

                    Everyone is probably going "Of course..." and I'm going all red faced over the newbie mistake.

                     

                    You can take some pride that in over a week here, not a single other person was able to see the error you did!

                     

                    Kudos.