<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:be="com.redrock.be.*" viewSourceURL="srcview/index.html">
    
    <mx:Style>
        @font-face {
            src: local("Arial");
            fontFamily: ArialEmbedded;
            fontWeight: normal;
        }
         
        TextPath {
            font-family: ArialEmbedded;
            font-size: 20;
        }
    </mx:Style>
    
    
    <mx:VBox x="10" y="10">
    <mx:Label text="Text:" />
    <mx:TextInput
        id="textInput"
        text="Enter text, drag dots." />
    <mx:Spacer height="5" />
    <mx:Label text="Show draggable handles?" />
    <mx:CheckBox
        id="showHandles" 
        selected="true" />
    </mx:VBox>
    
    
    <be:TextPath 
        x="50"
        y="200"
        id="path"
        
        text="{ textInput.text }"
        controlPoints="{ [{X:20,Y:10}, {X:120,Y:-40}, {X:300,Y:-20}] }"
        
        pathColor="0xFF0000"
        pathThickness="1"
        showPath="false"
        
        showHandles="{ showHandles.selected }"
        />
    
</mx:Application>