<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Flex Examples &#187; liveScrolling</title>
	<atom:link href="http://blog.flexexamples.com/tag/livescrolling/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flexexamples.com</link>
	<description>Just a bunch of Adobe Flex Examples</description>
	<lastBuildDate>Wed, 26 Jan 2011 18:09:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Toggling live scrolling on a ComboBox control&#8217;s dropdown menu in Flex</title>
		<link>http://blog.flexexamples.com/2008/07/05/toggling-live-scrolling-on-a-combobox-controls-dropdown-menu-in-flex/</link>
		<comments>http://blog.flexexamples.com/2008/07/05/toggling-live-scrolling-on-a-combobox-controls-dropdown-menu-in-flex/#comments</comments>
		<pubDate>Sun, 06 Jul 2008 06:48:35 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[ComboBox]]></category>
		<category><![CDATA[dropdown]]></category>
		<category><![CDATA[liveDragging]]></category>
		<category><![CDATA[liveScrolling]]></category>
		<category><![CDATA[showScrollTips]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2008/07/05/toggling-live-scrolling-on-a-combobox-controls-dropdown-menu-in-flex/</guid>
		<description><![CDATA[<p>The following example shows how you can enable or disable live scrolling on a Flex ComboBox control&#8217;s dropdown menu by setting the liveScrolling property on the ComboBox control&#8217;s dropdown property.</p> <p>Full code after the jump.</p> <p></p> <p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/ComboBox_dropdown_liveScrolling_test/bin/srcview/source/main.mxml.html">View MXML</a></p> &#60;?xml version="1.0" encoding="utf-8"?&#62; &#60;!-- http://blog.flexexamples.com/2008/07/05/toggling-live-scrolling-on-a-combobox-controls-dropdown-menu-in-flex/ --&#62; &#60;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top" backgroundColor="white"&#62; &#60;mx:Script&#62; &#60;![CDATA[ import mx.events.DropdownEvent; [...]]]></description>
			<content:encoded><![CDATA[<p>The following example shows how you can enable or disable live scrolling on a Flex ComboBox control&#8217;s dropdown menu by setting the <code>liveScrolling</code> property on the ComboBox control&#8217;s <code>dropdown</code> property.</p>
<p>Full code after the jump.</p>
<p><span id="more-697"></span></p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/ComboBox_dropdown_liveScrolling_test/bin/srcview/source/main.mxml.html">View MXML</a></p>
<pre class="code">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;!-- http://blog.flexexamples.com/2008/07/05/toggling-live-scrolling-on-a-combobox-controls-dropdown-menu-in-flex/ --&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="top"
        backgroundColor="white"&gt;

    &lt;mx:Script&gt;
        &lt;![CDATA[
            import mx.events.DropdownEvent;

            private function comboBox_open(evt:DropdownEvent):void {
                comboBox.dropdown.liveScrolling = checkBox.selected;
                comboBox.dropdown.showScrollTips = true;
            }
        ]]&gt;
    &lt;/mx:Script&gt;

    &lt;mx:Array id="arr"&gt;
        &lt;mx:Object label="One" /&gt;
        &lt;mx:Object label="Two" /&gt;
        &lt;mx:Object label="Three" /&gt;
        &lt;mx:Object label="Four" /&gt;
        &lt;mx:Object label="Five" /&gt;
        &lt;mx:Object label="Six" /&gt;
        &lt;mx:Object label="Seven" /&gt;
        &lt;mx:Object label="Eight" /&gt;
        &lt;mx:Object label="Nine" /&gt;
        &lt;mx:Object label="Ten" /&gt;
    &lt;/mx:Array&gt;

    &lt;mx:ApplicationControlBar dock="true"&gt;
        &lt;mx:Form styleName="plain"&gt;
            &lt;mx:FormItem label="liveDragging:"&gt;
                &lt;mx:CheckBox id="checkBox"
                        selected="true" /&gt;
            &lt;/mx:FormItem&gt;
        &lt;/mx:Form&gt;
    &lt;/mx:ApplicationControlBar&gt;

    &lt;mx:ComboBox id="comboBox"
            dataProvider="{arr}"
            open="comboBox_open(event);" /&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/ComboBox_dropdown_liveScrolling_test/bin/srcview/index.html">View source</a> is enabled in the following example.</p>
<p><iframe src="http://blog.flexexamples.com/wp-content/uploads/ComboBox_dropdown_liveScrolling_test/bin/main.html" width="100%" height="200"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Toggling live scrolling on a ComboBox control\&#039;s dropdown menu in Flex on FlexExamples.com',url: 'http://blog.flexexamples.com/2008/07/05/toggling-live-scrolling-on-a-combobox-controls-dropdown-menu-in-flex/',contentID: 'post-697',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'dropdown,liveDragging,liveScrolling,showScrollTips',providerName: 'FlexExamples.com',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-remember.png" class="evernoteSiteMemoryButton" />
				</a>				<div class="evernoteSiteMemoryClear">&nbsp;</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.flexexamples.com/2008/07/05/toggling-live-scrolling-on-a-combobox-controls-dropdown-menu-in-flex/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Changing live dragging on a TileList control in Flex</title>
		<link>http://blog.flexexamples.com/2008/03/16/changing-live-dragging-on-a-tilelist-control-in-flex/</link>
		<comments>http://blog.flexexamples.com/2008/03/16/changing-live-dragging-on-a-tilelist-control-in-flex/#comments</comments>
		<pubDate>Sun, 16 Mar 2008 14:47:43 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[TileList]]></category>
		<category><![CDATA[liveDragging]]></category>
		<category><![CDATA[liveScrolling]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2008/03/16/changing-live-dragging-on-a-tilelist-control-in-flex/</guid>
		<description><![CDATA[<p>The following example shows how you can enable or disable live dragging on a Flex TileList control by setting the liveScrolling property.</p> <p>Full code after the jump.</p> <p></p> <p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/TileList_liveDragging_test/main.mxml">View MXML</a></p> &#60;?xml version="1.0" encoding="utf-8"?&#62; &#60;!-- http://blog.flexexamples.com/2008/03/16/changing-live-dragging-on-a-tilelist-control-in-flex/ --&#62; &#60;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"&#62; &#60;mx:ArrayCollection id="arrColl"&#62; &#60;mx:source&#62; &#60;mx:Array&#62; &#60;mx:Object label="ColdFusion" icon="@Embed('assets/cf_appicon-tn.gif')" /&#62; &#60;mx:Object label="Dreamweaver" icon="@Embed('assets/dw_appicon-tn.gif')" /&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>The following example shows how you can enable or disable live dragging on a Flex TileList control by setting the <code>liveScrolling</code> property.</p>
<p>Full code after the jump.</p>
<p><span id="more-558"></span></p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/TileList_liveDragging_test/main.mxml">View MXML</a></p>
<pre class="code">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;!-- http://blog.flexexamples.com/2008/03/16/changing-live-dragging-on-a-tilelist-control-in-flex/ --&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"&gt;

    &lt;mx:ArrayCollection id="arrColl"&gt;
        &lt;mx:source&gt;
            &lt;mx:Array&gt;
                &lt;mx:Object label="ColdFusion" icon="@Embed('assets/cf_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Dreamweaver" icon="@Embed('assets/dw_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Fireworks" icon="@Embed('assets/fw_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Flash" icon="@Embed('assets/fl_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Flash Player" icon="@Embed('assets/fl_player_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Flex" icon="@Embed('assets/fx_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Illustrator" icon="@Embed('assets/ai_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Lightroom" icon="@Embed('assets/lr_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Photoshop" icon="@Embed('assets/ps_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="ColdFusion" icon="@Embed('assets/cf_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Dreamweaver" icon="@Embed('assets/dw_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Fireworks" icon="@Embed('assets/fw_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Flash" icon="@Embed('assets/fl_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Flash Player" icon="@Embed('assets/fl_player_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Flex" icon="@Embed('assets/fx_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Illustrator" icon="@Embed('assets/ai_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Lightroom" icon="@Embed('assets/lr_appicon-tn.gif')" /&gt;
                &lt;mx:Object label="Photoshop" icon="@Embed('assets/ps_appicon-tn.gif')" /&gt;
            &lt;/mx:Array&gt;
        &lt;/mx:source&gt;
    &lt;/mx:ArrayCollection&gt;

    &lt;mx:ApplicationControlBar dock="true"&gt;
        &lt;mx:Form styleName="plain"&gt;
            &lt;mx:FormItem label="liveScrolling:"&gt;
                &lt;mx:CheckBox id="checkBox"
                        creationComplete="checkBox.selected = tileList.liveScrolling;" /&gt;
            &lt;/mx:FormItem&gt;
        &lt;/mx:Form&gt;
    &lt;/mx:ApplicationControlBar&gt;

    &lt;mx:TileList id="tileList"
            dataProvider="{arrColl}"
            alternatingItemColors="[#FFFFFF,#EEEEEE]"
            columnCount="3"
            columnWidth="100"
            rowCount="2"
            rowHeight="100"
            direction="horizontal"
            verticalScrollPolicy="on"
            liveScrolling="{checkBox.selected}" /&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/TileList_liveDragging_test/bin/srcview/index.html">View source</a> is enabled in the following example.</p>
<p><iframe src="http://blog.flexexamples.com/wp-content/uploads/TileList_liveDragging_test/bin/main.html" width="100%" height="300"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Changing live dragging on a TileList control in Flex on FlexExamples.com',url: 'http://blog.flexexamples.com/2008/03/16/changing-live-dragging-on-a-tilelist-control-in-flex/',contentID: 'post-558',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'liveDragging,liveScrolling',providerName: 'FlexExamples.com',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-remember.png" class="evernoteSiteMemoryButton" />
				</a>				<div class="evernoteSiteMemoryClear">&nbsp;</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.flexexamples.com/2008/03/16/changing-live-dragging-on-a-tilelist-control-in-flex/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Disabling live scrolling on a Flex TextArea control</title>
		<link>http://blog.flexexamples.com/2007/11/06/disabling-live-scrolling-on-a-flex-textarea-control/</link>
		<comments>http://blog.flexexamples.com/2007/11/06/disabling-live-scrolling-on-a-flex-textarea-control/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 02:32:58 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[TextArea]]></category>
		<category><![CDATA[liveScrolling]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2007/11/06/disabling-live-scrolling-on-a-flex-textarea-control/</guid>
		<description><![CDATA[<p>The following example shows how you can toggle live scrolling on a TextArea control in Flex by setting the liveScrolling property.</p> <p>Full code after the jump.</p> <p></p> <p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/TextArea_liveScrolling_test/main.mxml">View MXML</a></p> &#60;?xml version="1.0" encoding="utf-8"?&#62; &#60;!-- http://blog.flexexamples.com/2007/11/06/disabling-live-scrolling-on-a-flex-textarea-control/ --&#62; &#60;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"&#62; &#60;mx:String id="lorem" source="lorem.txt" /&#62; &#60;mx:ApplicationControlBar dock="true"&#62; &#60;mx:CheckBox id="checkBox" label="liveScrolling:" labelPlacement="left" selected="true" /&#62; &#60;/mx:ApplicationControlBar&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>The following example shows how you can toggle live scrolling on a TextArea control in Flex by setting the <code>liveScrolling</code> property.</p>
<p>Full code after the jump.</p>
<p><span id="more-278"></span></p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/TextArea_liveScrolling_test/main.mxml">View MXML</a></p>
<pre class="code">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;!-- http://blog.flexexamples.com/2007/11/06/disabling-live-scrolling-on-a-flex-textarea-control/ --&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"&gt;

    &lt;mx:String id="lorem" source="lorem.txt" /&gt;

    &lt;mx:ApplicationControlBar dock="true"&gt;
        &lt;mx:CheckBox id="checkBox"
                label="liveScrolling:"
                labelPlacement="left"
                selected="true" /&gt;
    &lt;/mx:ApplicationControlBar&gt;

    &lt;mx:TextArea id="textArea"
            text="{lorem}"
            liveScrolling="{checkBox.selected}"
            editable="false"
            condenseWhite="true"
            width="100%"
            height="100%" /&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/TextArea_liveScrolling_test/bin/srcview/source/main.mxml.html">View source</a> is enabled in the following example.</p>
<p><iframe src="http://blog.flexexamples.com/wp-content/uploads/TextArea_liveScrolling_test/bin/main.html" width="100%" height="250"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Disabling live scrolling on a Flex TextArea control on FlexExamples.com',url: 'http://blog.flexexamples.com/2007/11/06/disabling-live-scrolling-on-a-flex-textarea-control/',contentID: 'post-278',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'liveScrolling',providerName: 'FlexExamples.com',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-remember.png" class="evernoteSiteMemoryButton" />
				</a>				<div class="evernoteSiteMemoryClear">&nbsp;</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.flexexamples.com/2007/11/06/disabling-live-scrolling-on-a-flex-textarea-control/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

