<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/11/22/setting-the-column-gap-on-a-fxtextarea-control-in-flex-gumbo/ -->
<Application name="FxTextArea_columnGap_test"
		xmlns="http://ns.adobe.com/mxml/2009"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white">

	<Script>
		<![CDATA[
			import mx.events.SliderEvent;

			private function slider_change(evt:SliderEvent):void {
				textArea.setStyle("columnGap", evt.value);
			}
		]]>
	</Script>

	<ApplicationControlBar dock="true">
		<Form styleName="plain">
			<FormItem label="columnGap">
				<HSlider id="slider"
						minimum="0"
						maximum="100"
						value="20"
						snapInterval="1"
						tickInterval="10"
						liveDragging="true"
						change="slider_change(event);" />
			</FormItem>
		</Form>
	</ApplicationControlBar>

	<FxTextArea id="textArea"
			textAlign="justify"
			columnCount="2"
			columnGap="20"
			width="600"
			heightInLines="20">
		<content><String source="data/lorem.html" /></content>
	</FxTextArea>

</Application>