<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute”>
<mx:ControlBar width=”250″>
<mx:Label text=”Quantity”/>
<mx:NumericStepper/>
<!– Use Spacer to push Button control to the right. –>
<mx:Spacer width=”300%”/>
<mx:Button label=”Add to Cart”/>
</mx:ControlBar>
</mx:Application>

<?xml version=”1.0″?>
<!– textcontrols/RichTextEditorControlWithFormattedText.mxml –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”>
<!– The HTML text string used to populate the RichTextEditor control’s
TextArea subcontrol. The text is on a single line. –>
<mx:Script>

<![CDATA[
[Bindable]
public var htmlData:String=”<textformat leading=’2′><p align=’center’><b><font size=’20′>HTML Formatted Text</font></b></p></textformat><br><textformat leading=’2′><p align=’left’>

<font face=’_sans’ size=’12′ color=’#000000′>This paragraph contains<b>bold</b>, <i>italic</i>, <u>underlined</u>, and <b><i><u>bold italic underlined </u></i></b>text.</font></p></textformat><br><p><u><font face=’arial’ size=’14′ color=’#ff0000′>This a red underlined 14-point arial font with no alignment set.</font></u></p><p align=’right’><font face=’verdana’ size=’12′ color=’#006666′><b>This a teal bold 12-pt.’ Verdana font with alignment set to right.</b></font></p><br><li>This is bulleted text.</li><li><font face=’arial’ size=’12′ color=’#0000ff’><u> <a href=’http://www.adobe.com’>This is a bulleted link with underline and blue color set.</a></u></font></li>”;
]]>

</mx:Script>

<!– The RichTextEditor control. To reference a subcontrol prefix its ID with the RichTextEditor control ID. –>
<mx:RichTextEditor id=”rte1″  backgroundColor=”#ccffcc”
width=”500″  headerColors=”[#88bb88, #bbeebb]“
footerColors=”[#bbeebb, #88bb88]“
title=”Rich Text Editor”  htmlText=”{htmlData}”
initialize=”rte1.textArea.setStyle(‘backgroundColor’, ’0xeeffee’)”
/>
</mx:Application>

<?xml version=”1.0″?>
<!– Simple example to demonstrate the PlotChart control. –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”>

<mx:Script>
<![CDATA[

import mx.collections.ArrayCollection;

[Bindable]
private var expensesAC:ArrayCollection = new ArrayCollection( [
{ Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
{ Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
{ Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 } ]);
]]>
</mx:Script>

<mx:Panel title=”PlotChart Control Example” height=”100%” width=”100%”>

<mx:PlotChart id=”plot” height=”100%” width=”100%”
paddingLeft=”5″ paddingRight=”5″
showDataTips=”true” dataProvider=”{expensesAC}”>

<mx:series>
<mx:PlotSeries xField=”Expenses” yField=”Profit” displayName=”Expenses/Profit”/>
<mx:PlotSeries xField=”Amount” yField=”Expenses” displayName=”Amount/Expenses”/>
<mx:PlotSeries xField=”Profit” yField=”Amount” displayName=”Profit/Amount”/>
</mx:series>
</mx:PlotChart>

<mx:Legend dataProvider=”{plot}”/>

</mx:Panel>
</mx:Application>

<?xml version=”1.0″?>
<!– Simple example to demonstrate the MenuBar control. –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” creationComplete=”initCollections();” >

<mx:Script>
<![CDATA[

import mx.events.MenuEvent;
import mx.controls.Alert;
import mx.collections.*;

[Bindable]
public var menuBarCollection:XMLListCollection;

private var menubarXML:XMLList =
<>
<menuitem label=”Menu1″ data=”top”>
<menuitem label=”MenuItem 1-A” data=”1A”/>
<menuitem label=”MenuItem 1-B” data=”1B”/>
</menuitem>
<menuitem label=”Menu2″ data=”top”>
<menuitem label=”MenuItem 2-A” type=”check”  data=”2A”/>
<menuitem type=”separator”/>
<menuitem label=”MenuItem 2-B” >
<menuitem label=”SubMenuItem 3-A” type=”radio”
groupName=”one” data=”3A”/>
<menuitem label=”SubMenuItem 3-B” type=”radio”
groupName=”one” data=”3B”/>
</menuitem>
</menuitem>
</>;

// Event handler to initialize the MenuBar control.
private function initCollections():void {
menuBarCollection = new XMLListCollection(menubarXML);
}

// Event handler for the MenuBar control’s itemClick event.
private function menuHandler(event:MenuEvent):void  {
// Don’t open the Alert for a menu bar item that
// opens a popup submenu.
if (event.item.@data != “top”) {
Alert.show(“Label: ” + event.item.@label + “\n” +
“Data: ” + event.item.@data, “Clicked menu item”);
}
}
]]>
</mx:Script>

<mx:Panel title=”MenuBar Control Example” height=”75%” width=”75%”
paddingTop=”10″ paddingLeft=”10″>

<mx:Label width=”100%” color=”blue”
text=”Select a menu item.”/>

<mx:MenuBar labelField=”@label” itemClick=”menuHandler(event);”
dataProvider=”{menuBarCollection}” />

</mx:Panel>
</mx:Application>

<?xml version=”1.0″?>
<!– Simple example to demonstrate the ViewStack layout container. –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”>

<mx:Panel title=”ViewStack Container Example” height=”95%” width=”95%”
paddingTop=”10″ paddingLeft=”10″ paddingRight=”10″ paddingBottom=”10″>

<mx:Text width=”100%” color=”blue”
text=”Use the Button controls to change panels of the ViewStack container.”/>

<mx:HBox borderStyle=”solid” width=”100%”
paddingTop=”5″ paddingLeft=”5″ paddingRight=”5″ paddingBottom=”5″>

<mx:Button id=”searchButton” label=”Search Panel”
click=”myViewStack.selectedChild=search;”/>
<mx:Button id=”cInfoButton” label=”Customer Info Panel”
click=”myViewStack.selectedChild=custInfo;”/>
<mx:Button id=”aInfoButton” label=”Account Panel”
click=”myViewStack.selectedChild=accountInfo;”/>
</mx:HBox>

<!– Define the ViewStack and the three child containers and have it
resize up to the size of the container for the buttons. –>
<mx:ViewStack id=”myViewStack” borderStyle=”solid” width=”100%” height=”80%”>

<mx:Canvas id=”search” backgroundColor=”#FFFFCC” label=”Search” width=”100%” height=”100%”>
<mx:Label text=”Search Screen” color=”#000000″/>
</mx:Canvas>

<mx:Canvas id=”custInfo” backgroundColor=”#CCFFFF” label=”Customer Info” width=”100%” height=”100%”>
<mx:Label text=”Customer Info” color=”#000000″/>
</mx:Canvas>

<mx:Canvas id=”accountInfo” backgroundColor=”#FFCCFF” label=”Account Info” width=”100%” height=”100%”>
<mx:Label text=”Account Info” color=”#000000″/>
</mx:Canvas>
</mx:ViewStack>

</mx:Panel>
</mx:Application>