<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/20/creating-a-vertical-buttonbar-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
		layout="vertical" 
		verticalAlign="middle" 
		backgroundColor="white" viewSourceURL="srcview/index.html">

	<mx:HBox>
		<mx:ButtonBar id="buttonBar" 
				direction="vertical" 
				dataProvider="{viewStack}"
				themeColor="haloOrange"
				fontSize="16"
				width="200"
				height="200" />
		
		<mx:ViewStack id="viewStack"
				backgroundColor="white"
				width="300"
				height="{buttonBar.height}">

			<mx:Canvas id="checkCanvas"
					label="Success"
					icon="@Embed('assets/bulletCheck.png')">
				<mx:Label text="Success" />
			</mx:Canvas>

			<mx:Canvas id="warningCanvas" 
					label="Warning"
					icon="@Embed('assets/bulletWarning.png')">
				<mx:Label text="Warning" />
			</mx:Canvas>

			<mx:Canvas id="criticalCanvas" 
					label="Error" 
					icon="@Embed('assets/bulletCritical.png')">
				<mx:Label text="Error" />
			</mx:Canvas>

		</mx:ViewStack>
	</mx:HBox>

</mx:Application>
