<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/11/27/controlling-a-tree-controls-item-indentation-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white" viewSourceURL="srcview/index.html">

	<mx:XMLListCollection id="xmlListColl">
		<mx:source>
			<mx:XMLList>
				<node label="One">
					<node label="One.1">
						<node label="One.1.1">
							<node label="One.1.1.1">
								<node label="One.1.1.1.1" />
							</node>
						</node>
					</node>
					<node label="One.2" />
					<node label="One.3" />
				</node>
				<node label="Two">
					<node label="Two.1" />
					<node label="Two.2" />
					<node label="Two.3" />
				</node>
			</mx:XMLList>
		</mx:source>
	</mx:XMLListCollection>

	<mx:ApplicationControlBar dock="true">
		<mx:Form styleName="plain">
			<mx:FormItem label="indentation:">
				<mx:HSlider id="slider"
						minimum="0"
						maximum="30"
						value="17"
						liveDragging="true"
						snapInterval="1"
						tickInterval="1"
						labels="[0,30]" />
			</mx:FormItem>
		</mx:Form>
	</mx:ApplicationControlBar>

	<mx:Tree id="tree"
			dataProvider="{xmlListColl}"
			labelField="@label"
			width="300"
			rowCount="6"
			indentation="{slider.value}" />

</mx:Application>
