2/2/2016 - 6:01 AM


<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="" 
	<!-- controlBarContent allows you to edit the elements on the default
	control bar built-in to mobile applicaitons. Each of the four buttons, when
	clicked, will simply add text to a TextArea defined below -->
			<s:Button label="Button 1" click="textArea.text += 'Button 1\n';" />
			<s:Button label="Button 2" click="textArea.text += 'Button 2\n';" />
			<s:Button label="Button 3" click="textArea.text += 'Button 3\n';" />
			<s:Button label="Button 4" click="textArea.text += 'Button 4\n';" />
	<!-- change the layout of the buttons on the control bar -->
		<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10"
							paddingBottom="10" horizontalAlign="center" />
	<!-- add a button to toggle the control bar and a TextArea to demonstrate
	the buttons being used -->
	<s:VGroup horizontalCenter="0" verticalCenter="0" horizontalAlign="center">
		<s:Button id="toggleControl" label="Toggle Control Bar" 
				  click="controlBarVisible = !controlBarVisible;" />
		<s:Spacer height="50" />
		<s:TextArea id="textArea" editable="false" height="400" width="200" text="" />