<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/12/31/changing-the-richtexteditor-controls-style-name-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white" viewSourceURL="srcview/index.html">

	<mx:ApplicationControlBar dock="true">
		<mx:ToggleButtonBar selectedIndex="1"
				itemClick="richTextEditor.styleName = event.item.data;">
			<mx:dataProvider>
				<mx:Array>
					<mx:Object label="default" data="" />
					<mx:Object label="opaquePanel" data="opaquePanel" />
				</mx:Array>
			</mx:dataProvider>
		</mx:ToggleButtonBar>
	</mx:ApplicationControlBar>

	<mx:RichTextEditor id="richTextEditor"
			title="RichTextEditor"
			status="version {richTextEditor.getStyle('version')}"
			styleName="opaquePanel"
			width="100%"
			height="100%" />

</mx:Application>