<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/10/21/setting-the-ligature-level-on-an-fxtextinput-control-in-flex-gumbo/ -->
<Application name="FxTextInput_ligatureLevel_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        viewSourceURL="srcview/index.html">

    <Style>
        @font-face {
            src: url("assets/ACaslonPro-Regular.otf");
            fontFamily: "AdobeCaslonProEmbedded";
            cff: true;
            unicodeRange: U+0020-U+007B;
        }
    </Style>

    <Script>
        <![CDATA[
            import flash.text.engine.LigatureLevel;
            import mx.events.ItemClickEvent;

            private function toggleButtonBar_itemClick(evt:ItemClickEvent):void {
                fxTextInput.setStyle("ligatureLevel", evt.item);
            }
        ]]>
    </Script>

    <Declarations>
        <Array id="arr">
            <String>{LigatureLevel.COMMON}</String>
            <String>{LigatureLevel.EXOTIC}</String>
            <String>{LigatureLevel.MINIMUM}</String>
            <String>{LigatureLevel.NONE}</String>
            <String>{LigatureLevel.UNCOMMON}</String>
        </Array>
    </Declarations>

    <ApplicationControlBar dock="true">
        <Form styleName="plain">
            <FormItem label="ligatureLevel:">
                <ToggleButtonBar id="toggleButtonBar"
                        dataProvider="{arr}"
                        itemClick="toggleButtonBar_itemClick(event);" />
            </FormItem>
        </Form>
    </ApplicationControlBar>

    <FxTextInput id="fxTextInput"
            text="fi fj fl ft ffi ffj ffl ct st Th"
            fontFamily="AdobeCaslonProEmbedded"
            fontSize="48"
            fontLookup="embeddedCFF" />

</Application>