<?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; hideDelay</title>
	<atom:link href="http://blog.flexexamples.com/tag/hidedelay/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>Adding animations and effects to Flex tool tips</title>
		<link>http://blog.flexexamples.com/2007/09/04/adding-animations-and-effects-to-flex-tool-tips/</link>
		<comments>http://blog.flexexamples.com/2007/09/04/adding-animations-and-effects-to-flex-tool-tips/#comments</comments>
		<pubDate>Wed, 05 Sep 2007 05:15:56 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[ToolTip]]></category>
		<category><![CDATA[hideDelay]]></category>
		<category><![CDATA[hideEffect]]></category>
		<category><![CDATA[showEffect]]></category>
		<category><![CDATA[ToolTipManager]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/04/adding-animations-and-effects-to-flex-tool-tips/</guid>
		<description><![CDATA[<p>The following example shows how you can add custom animation and effects when displaying a tool tip in Flex.</p> <p>Full code after the jump.</p> <p></p> <p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/ToolTipManager_showEffect_test/main.mxml">View MXML</a></p> &#60;?xml version="1.0" encoding="utf-8"?&#62; &#60;!-- http://blog.flexexamples.com/2007/09/04/adding-animations-and-effects-to-flex-tool-tips/ --&#62; &#60;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" creationComplete="init()"&#62; &#60;mx:Script&#62; &#60;![CDATA[ import mx.managers.ToolTipManager; private function init():void { ToolTipManager.hideDelay = 2000; ToolTipManager.showEffect = rotate; [...]]]></description>
			<content:encoded><![CDATA[<p>The following example shows how you can add custom animation and effects when displaying a tool tip in Flex.</p>
<p>Full code after the jump.</p>
<p><span id="more-155"></span></p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/ToolTipManager_showEffect_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/09/04/adding-animations-and-effects-to-flex-tool-tips/ --&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="init()"&gt;

    &lt;mx:Script&gt;
        &lt;![CDATA[
            import mx.managers.ToolTipManager;

            private function init():void {
                ToolTipManager.hideDelay = 2000;
                ToolTipManager.showEffect = rotate;
                ToolTipManager.hideEffect = zoom;
            }
        ]]&gt;
    &lt;/mx:Script&gt;

    &lt;mx:Style&gt;
        @font-face {
            src: url("./fonts/arial.ttf");
            fontFamily: "ArialEmbedded";
        }

        ToolTip {
            fontFamily: ArialEmbedded;
        }
    &lt;/mx:Style&gt;

    &lt;mx:Rotate id="rotate" /&gt;
    &lt;mx:Zoom id="zoom" /&gt;

    &lt;mx:Button label="Roll over me to see tool tip"
            toolTip="The quick brown fox..." /&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/ToolTipManager_showEffect_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/ToolTipManager_showEffect_test/bin/main.html" width="100%" height="200"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Adding animations and effects to Flex tool tips on FlexExamples.com',url: 'http://blog.flexexamples.com/2007/09/04/adding-animations-and-effects-to-flex-tool-tips/',contentID: 'post-155',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'hideDelay,hideEffect,showEffect,ToolTipManager',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/09/04/adding-animations-and-effects-to-flex-tool-tips/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Controlling a Flex tool tip&#8217;s show delay, hide delay, and scrub delay</title>
		<link>http://blog.flexexamples.com/2007/09/03/controlling-a-flex-tool-tips-show-delay-hide-delay-and-scrub-delay/</link>
		<comments>http://blog.flexexamples.com/2007/09/03/controlling-a-flex-tool-tips-show-delay-hide-delay-and-scrub-delay/#comments</comments>
		<pubDate>Tue, 04 Sep 2007 06:56:40 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[ToolTip]]></category>
		<category><![CDATA[hideDelay]]></category>
		<category><![CDATA[scrubDelay]]></category>
		<category><![CDATA[showDelay]]></category>
		<category><![CDATA[ToolTipManager]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/03/controlling-a-flex-tool-tips-show-delay-hide-delay-and-scrub-delay/</guid>
		<description><![CDATA[<p>The following example shows how you can control how long Flex will wait to display a tool tip after the user moves the mouse over a control, how long the tool tip will be visible before disappearing and how long a user can take when moving the mouse between controls before Flex waits to display [...]]]></description>
			<content:encoded><![CDATA[<p>The following example shows how you can control how long Flex will wait to display a tool tip after the user moves the mouse over a control, how long the tool tip will be visible before disappearing and how long a user can take when moving the mouse between controls before Flex waits to display a ToolTip.</p>
<p>Full code after the jump.</p>
<p><span id="more-154"></span></p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/ToolTipManager_showDelay_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/09/03/controlling-a-flex-tool-tips-show-delay-hide-delay-and-scrub-delay/ --&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" creationComplete="init()"&gt;

    &lt;mx:Script&gt;
        &lt;![CDATA[
            import mx.managers.ToolTipManager;

            private function init():void {
                showDelayMS = ToolTipManager.showDelay;
                hideDelayMS = ToolTipManager.hideDelay;
                scrubDelayMS = ToolTipManager.scrubDelay;
            }
        ]]&gt;
    &lt;/mx:Script&gt;

    &lt;mx:Number id="showDelayMS" /&gt;
    &lt;mx:Number id="hideDelayMS" /&gt;
    &lt;mx:Number id="scrubDelayMS" /&gt;

    &lt;mx:ApplicationControlBar dock="true"&gt;
        &lt;mx:Label text="showDelay:" /&gt;
        &lt;mx:NumericStepper id="showDelayNS"
                minimum="0"
                maximum="2000"
                value="{showDelayMS}"
                stepSize="100"
                change="ToolTipManager.showDelay = showDelayNS.value" /&gt;

        &lt;mx:Spacer width="50%" /&gt;

        &lt;mx:Label text="hideDelay:" /&gt;
        &lt;mx:NumericStepper id="hideDelayNS"
                minimum="0"
                maximum="15000"
                value="{hideDelayMS}"
                stepSize="100"
                change="ToolTipManager.hideDelay = hideDelayNS.value" /&gt;

        &lt;mx:Spacer width="50%" /&gt;

        &lt;mx:Label text="scrubDelay:" /&gt;
        &lt;mx:NumericStepper id="scrubDelayNS"
                minimum="0"
                maximum="15000"
                value="{scrubDelayMS}"
                stepSize="100"
                change="ToolTipManager.scrubDelay = scrubDelayNS.value" /&gt;
    &lt;/mx:ApplicationControlBar&gt;

    &lt;mx:Tile&gt;
        &lt;mx:Button label="Button 1" toolTip="Tool tip 1" /&gt;
        &lt;mx:Button label="Button 2" toolTip="Tool tip 2" /&gt;
        &lt;mx:Button label="Button 3" toolTip="Tool tip 3" /&gt;
        &lt;mx:Button label="Button 4" toolTip="Tool tip 4" /&gt;
        &lt;mx:Button label="Button 5" toolTip="Tool tip 5" /&gt;
        &lt;mx:Button label="Button 6" toolTip="Tool tip 6" /&gt;
        &lt;mx:Button label="Button 7" toolTip="Tool tip 7" /&gt;
    &lt;/mx:Tile&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/ToolTipManager_showDelay_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/ToolTipManager_showDelay_test/bin/main.html" width="100%" height="250"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Controlling a Flex tool tip\&#039;s show delay, hide delay, and scrub delay on FlexExamples.com',url: 'http://blog.flexexamples.com/2007/09/03/controlling-a-flex-tool-tips-show-delay-hide-delay-and-scrub-delay/',contentID: 'post-154',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'hideDelay,scrubDelay,showDelay,ToolTipManager',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/09/03/controlling-a-flex-tool-tips-show-delay-hide-delay-and-scrub-delay/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Setting the amount of time that a tool tip is visible using the ToolTipManager class</title>
		<link>http://blog.flexexamples.com/2007/07/23/setting-the-amount-of-time-that-a-tool-tip-is-visible-using-the-tooltipmanager-class/</link>
		<comments>http://blog.flexexamples.com/2007/07/23/setting-the-amount-of-time-that-a-tool-tip-is-visible-using-the-tooltipmanager-class/#comments</comments>
		<pubDate>Tue, 24 Jul 2007 04:54:55 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[ToolTip]]></category>
		<category><![CDATA[hideDelay]]></category>
		<category><![CDATA[ToolTipManager]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2007/07/23/setting-the-amount-of-time-that-a-tool-tip-is-visible-using-the-tooltipmanager-class/</guid>
		<description><![CDATA[<p>Ever wonder how to control the amount of time that a tool tip stays visible before disappearing? Well, wonder no more! You can control the length of time that a tool tip remains visible from the default 10 seconds to whatever you want by setting the ToolTipManager.hideDelay property. Simply set the value to however many [...]]]></description>
			<content:encoded><![CDATA[<p>Ever wonder how to control the amount of time that a tool tip stays visible before disappearing? Well, wonder no more! You can control the length of time that a tool tip remains visible from the default 10 seconds to whatever you want by setting the <code>ToolTipManager.hideDelay</code> property. Simply set the value to however many milliseconds you want the tool tip to be visible for before disappearing and you&#8217;re set.</p>
<p>Full code after the jump.</p>
<p><span id="more-22"></span></p>
<p>The following example shows how to set the hide delay for a tool tip to 2 seconds (down from the default 10 seconds, or 10000 milliseconds), by setting the <code>ToolTipManager.hideDelay</code> property:</p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/ToolTipManager_hideDelay_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/07/23/setting-the-amount-of-time-that-a-tool-tip-is-visible-using-the-tooltipmanager-class/ --&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"&gt;

    &lt;mx:Script&gt;
        &lt;![CDATA[
            import mx.managers.ToolTipManager;

            // milliseconds (default 10000)
            ToolTipManager.hideDelay = 2500;
        ]]&gt;
    &lt;/mx:Script&gt;

    &lt;mx:ApplicationControlBar dock="true"&gt;
        &lt;mx:Label text="Mouse over the Button below to see the tool tip." /&gt;
    &lt;/mx:ApplicationControlBar&gt;

    &lt;mx:Button id="button" label="click me"
            toolTip="I'm a fabulous tool tip." /&gt;

    &lt;mx:Label text="The tool tip will disappear after {(ToolTipManager.hideDelay/1000).toFixed(1)} seconds." /&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/ToolTipManager_hideDelay_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/ToolTipManager_hideDelay_test/bin/main.html" width="100%" height="160"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Setting the amount of time that a tool tip is visible using the ToolTipManager class on FlexExamples.com',url: 'http://blog.flexexamples.com/2007/07/23/setting-the-amount-of-time-that-a-tool-tip-is-visible-using-the-tooltipmanager-class/',contentID: 'post-22',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'hideDelay,ToolTipManager',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/07/23/setting-the-amount-of-time-that-a-tool-tip-is-visible-using-the-tooltipmanager-class/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

