<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2010/02/25/preventing-item-selection-in-the-spark-list-control-in-flex-4/ -->
<s:Application name="Spark_List_changing_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:mx="library://ns.adobe.com/flex/mx">
 
    <fx:Script>
        <![CDATA[
            import spark.events.IndexChangeEvent;
 
            protected function lst_changingHandler(evt:IndexChangeEvent):void {
                evt.preventDefault();
            }
        ]]>
    </fx:Script>
 
    <s:controlBarContent>
        <mx:Form>
            <mx:FormItem label="selectedIndex:">
                <s:Label text="{lst.selectedIndex}" />
            </mx:FormItem>
        </mx:Form>
    </s:controlBarContent>
 
    <s:List id="lst"
            changing="lst_changingHandler(event);"
            horizontalCenter="0" verticalCenter="0">
        <s:layout>
            <s:VerticalLayout horizontalAlign="justify"
                              gap="0"
                              requestedRowCount="5" />
        </s:layout>
        <s:dataProvider>
            <s:ArrayList source="[The,Quick,Brown,Fox,Jumps,Over,The,Lazy,Dog]" />
        </s:dataProvider>
    </s:List>
 
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2010/01/19/creating-a-non-draggable-spark-titlewindow-container-in-flex-4/ -->
<s:Application name="Spark_TitleWindow_windowMoving_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:controlBarContent>
        <s:Button id="btn"
                label="launch Spark TitleWindow"
                click="btn_clickHandler(event);" />
    </s:controlBarContent>
 
    <fx:Script>
        <![CDATA[
            import mx.core.IFlexDisplayObject;
            import mx.events.CloseEvent;
            import mx.managers.PopUpManager;
            import spark.events.TitleWindowBoundsEvent;
 
            protected function btn_clickHandler(evt:MouseEvent):void {
                // Add and center the pop up window.
                PopUpManager.addPopUp(titleWin, this, true);
                PopUpManager.centerPopUp(titleWin);
            }
 
            protected function titleWin_closeHandler(evt:CloseEvent):void {
                // Remove the pop up window.
                PopUpManager.removePopUp(evt.currentTarget as IFlexDisplayObject);
            }
 
            protected function titleWin_windowMovingHandler(evt:TitleWindowBoundsEvent):void {
                // Before moving the TitleWindow container, check to see whether it should be draggable.
                if (!ch.selected) {
                    evt.stopImmediatePropagation();
                    evt.preventDefault();
                }
            }
        ]]>
    </fx:Script>
 
    <fx:Declarations>
        <s:TitleWindow id="titleWin"
                title="Spark TitleWindow container"
                width="240"
                close="titleWin_closeHandler(event);"
                windowMoving="titleWin_windowMovingHandler(event);">
            <s:layout>
                <s:VerticalLayout paddingLeft="10" paddingRight="10"
                        paddingTop="10" paddingBottom="10" />
            </s:layout>
            <s:controlBarContent>
                <s:CheckBox id="ch"
                        label="Should I be draggable?"
                        selected="true" />
            </s:controlBarContent>
            <s:Label text="The quick brown fox jumps over the lazy dog."
                    width="100%" />
        </s:TitleWindow>
    </fx:Declarations>
 
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2010/01/19/creating-a-non-draggable-spark-titlewindow-container-in-flex-4/ -->
<s:Application name="Spark_TitleWindow_moveArea_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:controlBarContent>
        <s:Button id="btn"
                label="launch Spark TitleWindow"
                click="btn_clickHandler(event);" />
    </s:controlBarContent>
 
    <fx:Script>
        <![CDATA[
            import mx.core.IFlexDisplayObject;
            import mx.events.CloseEvent;
            import mx.managers.PopUpManager;
            import spark.events.TitleWindowBoundsEvent;
 
            protected function btn_clickHandler(evt:MouseEvent):void {
                // Add and center the pop up window.
                PopUpManager.addPopUp(titleWin, this, true);
                PopUpManager.centerPopUp(titleWin);
            }
 
            protected function titleWin_closeHandler(evt:CloseEvent):void {
                // Remove the pop up window.
                PopUpManager.removePopUp(evt.currentTarget as IFlexDisplayObject);
            }
        ]]>
    </fx:Script>
 
    <fx:Declarations>
        <s:TitleWindow id="titleWin"
                title="Spark TitleWindow container"
                width="240"
                close="titleWin_closeHandler(event);"
                creationComplete="titleWin.moveArea.visible = ch.selected;">
            <s:layout>
                <s:VerticalLayout paddingLeft="10" paddingRight="10"
                        paddingTop="10" paddingBottom="10" />
            </s:layout>
            <s:controlBarContent>
                <s:CheckBox id="ch"
                        label="Should I be draggable?"
                        selected="true"
                        change="titleWin.moveArea.visible = ch.selected;" />
            </s:controlBarContent>
            <s:Label text="The quick brown fox jumps over the lazy dog."
                    width="100%" />
        </s:TitleWindow>
    </fx:Declarations>
 
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/08/27/creating-a-linkelement-in-a-spark-richeditabletext-control-in-flex-4/ -->
<s:Application name="Spark_RichEditableText_textFlow_LinkElement_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo">
 
    <fx:Script>
        <![CDATA[
            import flashx.textLayout.elements.LinkElement;
            import flashx.textLayout.events.FlowElementMouseEvent;
            import mx.controls.Alert;
 
            protected function linkelement1_clickHandler(evt:FlowElementMouseEvent):void {
                var linkEl:LinkElement = evt.flowElement as LinkElement;
                Alert.show("The '" + linkEl.getFirstLeaf().text + "' link would have gone to " + linkEl.href + " in a " + linkEl.target + " window, but it was cancelled.", "Fun with hyperlinks");
                evt.stopImmediatePropagation();
                evt.preventDefault();
            }
        ]]>
    </fx:Script>
 
    <s:RichEditableText id="richEdTxt"
            editable="false"
            focusEnabled="false"
            horizontalCenter="0" verticalCenter="0">
        <s:textFlow>
            <s:TextFlow>
                <s:p>I am a paragraph that happens to have a <s:a href="http://adobe.com/" target="_blank" click="linkelement1_clickHandler(event);">hyperlink</s:a>.</s:p>
            </s:TextFlow>
        </s:textFlow>
    </s:RichEditableText>
 
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/04/11/preventing-specific-item-selection-on-a-spark-dropdownlist-control-in-flex-gumbo/ -->
<s:Application name="Spark_DropDownList_selectionChanging_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns="library://ns.adobe.com/flex/mx">
 
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import spark.events.IndexChangeEvent;
 
            protected function dropDownList_changingHandler(evt:IndexChangeEvent):void {
                var ddl:DropDownList = evt.currentTarget as DropDownList;
                if ((ddl.selectedItem != null) && (ddl.selectedItem.hasOwnProperty("selectable")) && (!ddl.selectedItem.selectable)) {
                    evt.stopImmediatePropagation();
                    evt.preventDefault();
                }
            }
 
            protected function dropDownList_changeHandler(evt:IndexChangeEvent):void {
                Alert.show("Spark DropDownList selection was changed.");
            }
        ]]>
    </fx:Script>
 
    <s:DropDownList id="dropDownList"
            labelField="label"
            prompt="Please select a string..."
            changing="dropDownList_changingHandler(event);"
            change="dropDownList_changeHandler(event);"
            width="200"
            horizontalCenter="0"
            top="10">
        <s:dataProvider>
            <s:ArrayList>
                <fx:Object label="The" selectable="false" />
                <fx:Object label="  Quick" />
                <fx:Object label="  Brown" />
                <fx:Object label="  Fox" />
                <fx:Object label="  Jumps" />
                <fx:Object label="  Over" />
                <fx:Object label="The" selectable="false" />
                <fx:Object label="  Lazy" />
                <fx:Object label="  Dog" />
            </s:ArrayList>
        </s:dataProvider>
    </s:DropDownList>
 
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/03/07/preventing-line-feeds-in-a-textarea-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">
 
    <mx:Script>
        <![CDATA[
            private function textArea_textInput(evt:TextEvent):void {
                if (evt.text == "\\n") {
                    evt.preventDefault();
                }
            }
        ]]>
    </mx:Script>
 
    <mx:TextArea id="textArea"
            verticalScrollPolicy="on"
            width="160"
            height="120"
            textInput="textArea_textInput(event);">
        <mx:text>The quick brown fox jumped over the lazy dog.</mx:text>
    </mx:TextArea>
 
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/03/07/preventing-line-feeds-in-a-textarea-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">
 
    <mx:Script>
        <![CDATA[
            private function textArea_textInput(evt:TextEvent):void {
                if (evt.text == "\\n") {
                    evt.preventDefault();
                }
            }
            private function textArea_change(evt:Event):void {
                textArea.text = textArea.text.replace(/\\n|\\r/ig, "");
            }
        ]]>
    </mx:Script>
 
    <mx:TextArea id="textArea"
            text="The quick brown fox jumped over the lazy dog."
            verticalScrollPolicy="on"
            width="100%"
            height="100%"
            textInput="textArea_textInput(event);"
            change="textArea_change(event);" />
 
</mx:Application>