| <!-- |
| 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. |
| --> |
| <!-- saved from url=(0014)about:internet --> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
| <title>sample1.mxml</title> |
| <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> |
| </head> |
| |
| <body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> |
| <span class="MXMLComponent_Tag"><mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx="</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">" layout="</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">" |
| horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" backgroundGradientColors="</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLComponent_Tag"><mx:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">ViewStack Container</span><span class="MXMLDefault_Text">" layout="</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">" borderAlpha="</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">" |
| paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLComponent_Tag"><mx:Text</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" textAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" |
| text="</span><span class="MXMLString">Use the Button controls to change panels of the ViewStack container.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| |
| <span class="MXMLComponent_Tag"><mx:HBox</span><span class="MXMLDefault_Text"> borderStyle="</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" |
| paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLComponent_Tag"><mx:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">searchButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Search Panel</span><span class="MXMLDefault_Text">" |
| click="</span><span class="ActionScriptDefault_Text">myViewStack</span>.<span class="ActionScriptDefault_Text">selectedChild</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">search</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cInfoButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Customer Info Panel</span><span class="MXMLDefault_Text">" |
| click="</span><span class="ActionScriptDefault_Text">myViewStack</span>.<span class="ActionScriptDefault_Text">selectedChild</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">custInfo</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">aInfoButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Account Panel</span><span class="MXMLDefault_Text">" |
| click="</span><span class="ActionScriptDefault_Text">myViewStack</span>.<span class="ActionScriptDefault_Text">selectedChild</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">accountInfo</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></mx:HBox></span> |
| |
| <span class="MXMLComment"><!--</span><span class="MXMLComment"> Define the ViewStack and the three child containers and have it |
| resize up to the size of the container for the buttons. </span><span class="MXMLComment">--></span> |
| <span class="MXMLComponent_Tag"><mx:ViewStack</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myViewStack</span><span class="MXMLDefault_Text">" borderStyle="</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">80%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLComponent_Tag"><mx:VBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">search</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Search</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Search Panel</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" textAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:HBox</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><mx:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">Searchtxt</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">search</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">Searchtxt</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">''</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></mx:HBox></span> |
| <span class="MXMLComponent_Tag"></mx:VBox></span> |
| |
| <span class="MXMLComponent_Tag"><mx:VBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">custInfo</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Customer Info</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Customer Info</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" textAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:HBox</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLComponent_Tag"><mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Email Address</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">email</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Submit</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">email</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">''</span>;<span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></mx:HBox></span> |
| |
| <span class="MXMLComponent_Tag"></mx:VBox></span> |
| |
| <span class="MXMLComponent_Tag"><mx:VBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">accountInfo</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Account Info</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Account Info</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" textAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:HBox</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><mx:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Purchases</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Sales</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><mx:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Reports</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| |
| <span class="MXMLComponent_Tag"></mx:HBox></span> |
| <span class="MXMLComponent_Tag"></mx:VBox></span> |
| |
| <span class="MXMLComponent_Tag"></mx:ViewStack></span> |
| |
| <span class="MXMLComponent_Tag"></mx:Panel></span> |
| <span class="MXMLComponent_Tag"></mx:Application></span></pre></body> |
| </html> |