<?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>IxD Consultant &#187; ToolTip</title>
	<atom:link href="http://ixd-consultant.com/blog/tag/tooltip/feed/" rel="self" type="application/rss+xml" />
	<link>http://ixd-consultant.com/blog</link>
	<description>UX, AS, Thoughts</description>
	<lastBuildDate>Mon, 12 Jul 2010 21:00:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>ComboBox List ToolTip</title>
		<link>http://ixd-consultant.com/blog/2008/09/17/combobox-list-tooltip/</link>
		<comments>http://ixd-consultant.com/blog/2008/09/17/combobox-list-tooltip/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 22:01:56 +0000</pubDate>
		<dc:creator>xVisage</dc:creator>
				<category><![CDATA[2008]]></category>
		<category><![CDATA[September]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[ComboBox]]></category>
		<category><![CDATA[DropDown]]></category>
		<category><![CDATA[List]]></category>
		<category><![CDATA[ToolTip]]></category>

		<guid isPermaLink="false">http://interactive-developer.com/blog/?p=60</guid>
		<description><![CDATA[ComboBox is a very common component used in many projects, what if we can extend its features? The following example creates a custom tooltip for each item in the DropDown List, data provider for these tips can be set in the ComboBox dataProvider as follows: &#91;Bindable&#93; private var comboProvider:Array = &#91; &#123;label:&#34;item 1&#34;, data:&#123;tip:&#34;bla bla [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: right; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fixd-consultant.com%252Fblog%252F2008%252F09%252F17%252Fcombobox-list-tooltip%252F%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22ComboBox%20List%20ToolTip%22%20%7D);"></div>
<p>ComboBox is a very common component used in many projects, what if we can extend its features?<br />
The following example creates a custom tooltip for each item in the DropDown List, data provider for these tips can be set in the ComboBox dataProvider as follows:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #000000;">&#91;</span>Bindable<span style="color: #000000;">&#93;</span> <span style="color: #0033ff; font-weight: bold;">private</span> <span style="color: #6699cc; font-weight: bold;">var</span> comboProvider<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #000000;">&#91;</span>
		<span style="color: #000000;">&#123;</span>label<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;item 1&quot;</span>, <span style="color: #004993;">data</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #000000;">&#123;</span>tip<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;bla bla bla ..&quot;</span><span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span>,
		<span style="color: #000000;">&#123;</span>label<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;item 2&quot;</span>, <span style="color: #004993;">data</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #000000;">&#123;</span>tip<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;bla bla ..&quot;</span><span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span>,
		<span style="color: #000000;">&#123;</span>label<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;item 3&quot;</span>, <span style="color: #004993;">data</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #000000;">&#123;</span>tip<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;bla bla bla bla ..&quot;</span><span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span>
		<span style="color: #000000;">&#93;</span>;</pre></div></div>

<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="scale" value="noscale" /><param name="base" value="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/combotip/" /><param name="src" value="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/combotip/combotip.swf" /><embed type="application/x-shockwave-flash" width="500" height="200" src="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/combotip/combotip.swf" base="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/combotip/" scale="noscale"></embed></object><br />
<em>source code available via flash context menu</em></p>
<p>Next step is to implement custom controls to make this ToolTip interactive by adding some like &#8220;rename&#8221; and &#8220;delete&#8221;<br />
I&#8217;ll get back to you soon with another example
<div class="fblike_button" style="position:absolute; padding-top:3px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fixd-consultant.com%2Fblog%2F2008%2F09%2F17%2Fcombobox-list-tooltip%2F&amp;layout=standard&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:px; height:25px"></iframe></div>

]]></content:encoded>
			<wfw:commentRss>http://ixd-consultant.com/blog/2008/09/17/combobox-list-tooltip/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
