Databases
StackOverflow2013
Postsdbo
PO
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>You have placed the <code>&lt;s:transition&gt;</code> in <code>&lt;fx:Declarations&gt;</code> - it should be within <code>&lt;s:transitions&gt;</code>.</p> <p><strong>You have:</strong></p> <pre><code>&lt;fx:Declarations&gt; &lt;s:Transition toState="LoginForgotPassword" fromState="*" autoReverse="true"&gt; &lt;s:Parallel targets="{[loginExisting, passwordGroup, loginNew, whyTextLink, loginForgot]}"&gt; &lt;s:Fade duration="500" hideFocusRing="true"/&gt; &lt;/s:Parallel&gt; &lt;/s:Transition&gt; &lt;/fx:Declarations&gt; </code></pre> <p><strong>This should be implemented as:</strong></p> <pre><code>&lt;s:transitions&gt; &lt;s:Transition toState="LoginForgotPassword" fromState="*" autoReverse="true"&gt; &lt;s:Parallel targets="{[loginExisting, passwordGroup, loginNew, whyTextLink, loginForgot]}"&gt; &lt;s:Fade duration="500" hideFocusRing="true"/&gt; &lt;/s:Parallel&gt; &lt;/s:Transition&gt; &lt;/s:transitions&gt; </code></pre> <p>Use the transitions array outside of declarations.</p> <p>Beyond that, the only change I made was placing the id of "passwordGroup" in the HGroup that contains the password Label and TextInput. You only had the password TextInput in the targets of the transition and did not include an alpha state for the TextInput.</p> <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" currentState="LoginMain"&gt; &lt;s:states&gt; &lt;s:State name="LoginForgotPassword" /&gt; &lt;s:State name="LoginMain" /&gt; &lt;/s:states&gt; &lt;s:transitions&gt; &lt;s:Transition toState="*" fromState="*" autoReverse="true"&gt; &lt;s:Parallel targets="{[loginExisting, passwordGroup, loginNew, whyTextLink, loginForgot]}"&gt; &lt;s:Fade duration="500" /&gt; &lt;/s:Parallel&gt; &lt;/s:Transition&gt; &lt;/s:transitions&gt; &lt;s:Panel id="loginWizard" width="546" height="308" horizontalCenter="0" title="Log-in or create account" title.LoginForgotPassword="Forgot Password" verticalCenter="-0"&gt; &lt;s:VGroup width="100%" height="80%" horizontalAlign="center" verticalAlign="middle"&gt; &lt;s:VGroup width="90%" height="75%"&gt; &lt;s:RadioButton id="loginExisting" label="I'm already a member and I want to login with my Tarrigato account." groupName="loginMethod" alpha.LoginForgotPassword="0.0" /&gt; &lt;s:HGroup width="100%" height="40" horizontalAlign="center"&gt; &lt;s:HGroup width="80%" height="40"&gt; &lt;s:Label height="40" fontSize="15" width="100" text="Username: " verticalAlign="middle" /&gt; &lt;!-- unknown reference: focusIn="loginFocusInHandler(event)" --&gt; &lt;s:TextInput id="loginUsername" width="300" height="40" /&gt; &lt;/s:HGroup&gt; &lt;/s:HGroup&gt; &lt;s:HGroup id="passwordGroup" alpha.LoginForgotPassword="0.0" width="100%" height="40" horizontalAlign="center"&gt; &lt;s:HGroup width="80%" height="40"&gt; &lt;s:Label height="40" fontSize="15" width="100" text="Password:" verticalAlign="middle" /&gt; &lt;!-- unknown reference: focusIn="loginFocusInHandler(event)" --&gt; &lt;s:TextInput id="loginPassword" displayAsPassword="true" width="300" height="40" left="4" /&gt; &lt;/s:HGroup&gt; &lt;/s:HGroup&gt; &lt;s:Spacer height="15" /&gt; &lt;s:RadioButton id="loginNew" label="I'm a new member and I want to create a new Tarrigato account now." groupName="loginMethod" selected="true" alpha.LoginForgotPassword="0.0" /&gt; &lt;!-- unknown reference: click="whyPanel.visible = true;" --&gt; &lt;mx:LinkButton id="whyTextLink" label="Want to know why you need a Kommunicate account?" color="#B8B8B8" textDecoration="underline" alpha.LoginForgotPassword="0.0" /&gt; &lt;/s:VGroup&gt; &lt;/s:VGroup&gt; &lt;mx:HRule y="218" width="100%" /&gt; &lt;s:Button id="loginForgot" left="7" bottom="7" label="Forgot Password?" alpha.LoginForgotPassword="0.0" click="currentState = 'LoginForgotPassword';" /&gt; &lt;s:Button id="loginCancel" right="127" bottom="7" label="Cancel" click="currentState = 'LoginMain';" enabled.LoginMain="false" /&gt; &lt;s:Button id="loginContinue" right="7" bottom="7" label="Continue" /&gt; &lt;/s:Panel&gt; &lt;/s:Application&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload