| <?xml version="1.0" ?> |
| <!-- |
| |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| |
| --> |
| <!-- Simple example to demonstrate the States class. --> |
| <s:Application name="StateExample2.mxml" |
| xmlns:fx="http://ns.adobe.com/mxml/2009" |
| xmlns:s="library://ns.adobe.com/flex/spark" |
| xmlns:mx="library://ns.adobe.com/flex/mx"> |
| |
| <!-- Define both states. --> |
| <s:states> |
| <s:State name="Login" /> |
| <s:State name="Register" /> |
| </s:states> |
| |
| <!-- Define stateful changes in the components which have to change. --> |
| <mx:Panel id="loginPanel" title.Login="Login" title.Register="Register" |
| horizontalScrollPolicy="off" verticalScrollPolicy="off" |
| paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10" |
| horizontalCenter="0" top="50"> |
| |
| <mx:Text width="100%" color="blue" |
| text="Click the 'Need to Register?' link to change state. Click the 'Return to Login' link to return to the base state."/> |
| |
| <mx:Form id="loginForm" > |
| <mx:FormItem label="Username:"> |
| <s:TextInput/> |
| </mx:FormItem> |
| <mx:FormItem label="Password:"> |
| <s:TextInput/> |
| </mx:FormItem> |
| <mx:FormItem id="confirm" label="Confirm:" includeIn="Register"> |
| <s:TextInput/> |
| </mx:FormItem> |
| </mx:Form> |
| <mx:ControlBar> |
| <mx:LinkButton id="registerLink" |
| label.Login="Need to Register?" label.Register="Return to Login" |
| click.Login="currentState='Register'" click.Register="currentState='Login'"/> |
| <mx:Spacer width="100%" id="spacer1"/> |
| <mx:Button label.Login="Login" label.Register="Register" color.Register="blue" id="loginButton"/> |
| </mx:ControlBar> |
| </mx:Panel> |
| |
| </s:Application> |