A Persistent/Interactive Tooltip in Flex

Posted At : February 20, 2008 12:12 PM | Posted By : Brendan Meutzner
Related Categories: Flex 2, Flex 3, Flex 2 Components, General, Flex Development

I came across a requirement at work a few weeks back which involved an "interactive" tooltip... We needed to provide a summary of information in the tooltip, but then provide a link button to a more detailed document.

I came up with the following example by creating some functionality around the DataGrid mouse movements to display a "tooltip" (in reality a Menu instance) at the mouse position. Rather than digging into the framework to try and extend the ToolTip class to make it "stick" when moused over, I realized we've got popup menu functionality like that already. Slap a custom menu item renderer in there, skin it, and you've got a mousable, interactive tooltip instance.

I could have gone the extra mile and created a custom DataGrid instance using this new functionality, but I'm lazy so I'm just going to post the instance I implemented and let you figure out how to implement it for yourself :-) The idea being that it could be just as easily implemented on any List based control, and even with a bit of work any component in the Flex framework. Just modify the renderer to fit the content you need!

Example Here

Source Here

Comments (13) | Print | Send | del.icio.us | Linking Blogs

Comments

[Add Comment]

l230pjf
http://www.wow-powerleveling-wow.com/ wow gold
http://www.wow-powerleveling-wow.com/gold.asp" target="_blank">http://www.wow-powerleveling-wow.com/gold.asp wow gold
http://www.powerleveling-wowgold.com/ wow gold
http://www.cheapestwowgold.org/ wow gold
http://rs-runescapegold.com/ rs gold
http://rs-runescapegold.com/ Runescape Gold
http://rs-runescapegold.com/ RuneScape Money
http://www.powerleveling-wowgold.com/ wow power leveling
http://www.wow-powerleveling-wow.com/wow-powerleveling.asp wow power leveling
http://www.wow-powerleveling-wow.com/ wow power leveling
http://www.watchrolexshop.com/ rolex
http://www.cheapestwowgold.org/ wow power leveling
http://www.wow-wowpowerleveling.com/ wow power leveling
http://www.wowgold-powerleveling.com/ wow power leveling
http://www.wowpowerleveling-wow.com/ wow power leveling
http://www.wowpowerleveling-wow.com/ World of Warcraft gold
http://www.powerleveling-wowgold.com/ World of Warcraft gold
http://www.cheap-lotrogold.com/ wow gold
http://www.wowgold-wow.com/ wow gold

# Posted By yunfeiyang | 9/22/08 11:43 PM

Interactive tooltips are definitely here to stay.

We've seen them already featured prominently across different forum software (PHPBB, vBulletin), now it's showing up even on Amazon!

You're on the right track Brendan. :)

# Posted By Requiem Lant | 9/25/08 12:21 PM

leihualin
<A href="http://www.vipwargold.com/" target=_blank>war gold</A>   <A href="http://www.vipwargold.com/" target=_blank>buy war gold</A>    <A href="http://www.vipwargold.com/" target=_blank>warhammer gold</A> <A href="http://www.cheaperzone.com/" target=_blank>warhammer gold</A>   <A href="http://www.cheaperzone.com/Buy-WOW-Gold/WOW-Gold.Html" target=_blank>buy warhammer gold</A>    <A href="http://www.cheaperzone.com/" target=_blank>war gold</A> <A href="http://www.vipwarhammergold.com/" target=_blank>warhammer gold</A>   <A href="http://www.vipwarhammergold.com/" target=_blank>buy warhammer gold</A>    <A href="http://www.vipwarhammergold.com/" target=_blank>war gold</A> <A href="http://www.buyfastgold.com/" target=_blank>warhammer gold</A>   <A href="http://www.buyfastgold.com/buy-warhammer-gold/" target="_blank">http://www.buyfastgold.com/buy-warhammer-gold/" target=_blank>buy warhammer gold</A>    <A href="http://www.buyfastgold.com/" target=_blank>war gold</A> <A href="http://warhammer-gold.rgtrcredit.com/" target=_blank>warhammer gold</A>   <A href="http://warhammer-gold.rgtrcredit.com/Buy-warhammer-gold.html" target="_blank">http://warhammer-gold.rgtrcredit.com/Buy-warhammer..." target=_blank>buy warhammer gold</A>    <A href="http://warhammer-gold.rgtrcredit.com/" target=_blank>war gold</A> <A href="http://warhammer.hellgate-pd.com/" target=_blank>warhammer gold</A>   <A href="http://warhammer.hellgate-pd.com/buy-warhammer-gold.html" target="_blank">http://warhammer.hellgate-pd.com/buy-warhammer-gol..." target=_blank>buy warhammer gold</A>    <A href="http://warhammer.hellgate-pd.com/" target=_blank>war gold</A> <A href="http://www.vipaocgold.com/" target=_blank>aoc gold</A>   <A href="http://www.vipaocgold.com/buy-aoc-gold/" target=_blank>buy aoc gold</A>    <A href="http://www.vipaocgold.com/" target=_blank>age of conan gold</A> <A href="http://www.aocsale.com/" target=_blank>age of conan gold</A>   <A href="http://www.aocsale.com/buy-aoc-gold/" target="_blank">http://www.aocsale.com/buy-aoc-gold/" target=_blank>buy age of conan gold</A>    <A href="http://www.aocsale.com/" target=_blank>aoc gold</A> <A href="http://www.gold-warhammer.com/" target=_blank>warhammer gold</A>

# Posted By warhammer gold | 9/26/08 7:01 PM

Welcome to VGhp.com INC. buying the game gold.
http://www.vghp.com
http://www.sgw.mobi
http://www.igeebay.com
http://www.runescape.ac
http://www.runescape.ac/bbs" target="_blank">http://www.runescape.ac/bbs
http://www.forum.vghp.com
http://www.runescape.ac/skill-powerleveling.htm" target="_blank">http://www.runescape.ac/skill-powerleveling.htm runescape money
http://www.vghp.com/cdkey-Game-time-card.html runescape money
http://www.vghp.com/worldofwarcraftus_en.html runescape money
http://www.vghp.com/imvu_credits.html runescape money
http://www.vghp.com/tibia-gold.html runescape money
http://www.runescape.martbase.com
http://www.wannabuy.cn
http://www.mallpay.cn
http://www.mallpay.cn/bbs
http://www.martpal.com
http://www.runescape.martbase.com
http://www.xy2online.com
http://www.rs3sever.com
http://www.ffxi-gil.us/
http://www.ffxi-gil.us/index.htm" target="_blank">http://www.ffxi-gil.us/index.htm wow gold
http://www.85goo.com wow gold

# Posted By dada | 9/27/08 7:39 AM

# Posted By dada | 9/27/08 7:40 AM

http://www.vghp.com
http://www.sgw.mobi
http://www.igeebay.com
http://www.runescape.ac
http://www.runescape.ac/bbs" target="_blank">http://www.runescape.ac/bbs
http://www.forum.vghp.com
http://www.runescape.ac/skill-powerleveling.htm" target="_blank">http://www.runescape.ac/skill-powerleveling.htm runescape money
http://www.vghp.com/cdkey-Game-time-card.html runescape money
http://www.vghp.com/worldofwarcraftus_en.html runescape money
http://www.vghp.com/imvu_credits.html runescape money
http://www.vghp.com/tibia-gold.html runescape money
http://www.runescape.martbase.com
http://www.wannabuy.cn
http://www.mallpay.cn
http://www.mallpay.cn/bbs
http://www.martpal.com
http://www.runescape.martbase.com
http://www.xy2online.com
http://www.rs3sever.com
http://www.ffxi-gil.us/
http://www.ffxi-gil.us/index.htm" target="_blank">http://www.ffxi-gil.us/index.htm wow gold
http://www.85goo.com wow gold

# Posted By dadada | 9/27/08 7:41 AM

http://veryge.com/

We are selling wow gold and doing wow power leveling for you at an unimaginable price. You can buy cheap wow gold

and power leveling from us, a professional, loyal and reliable wow gold exchange corporation and power leveling

work group

# Posted By wow gold | 9/28/08 8:25 AM

<a href=http://www.thepowerlevel.com/Gold.php?N=Warhammer>warhammer gold</a>
<a href=http://www.thepowerlevel.com/Gold.php?N=Warhammer>warhammer online gold</a>
<a href=http://www.thepowerlevel.com/Powerleveling.php?N=Warhammer>warhammer" target="_blank">http://www.thepowerlevel.com/Powerleveling.php?N=W... power leveling</a>

<a href=http://www.thepowerlevel.com/Gold.php?N=12Sky_US>12sky gold</a>
<a href=http://www.thepowerlevel.com/Gold.php?N=12Sky_US>twelve sky gold</a>
<a href=http://www.thepowerlevel.com/Powerleveling.php?N=12Sky_US>12sky power leveling</a>

<a href=https://www.thepowerlevel.com/Service.php?M=Domo&g... of Mirror Online</a>
<a href=https://www.thepowerlevel.com/Gold.php?N=Domo>D... of Mirror gold</a>
<a href=https://www.thepowerlevel.com/Gold.php?N=Domo>D... gold</a>
<a href=https://www.thepowerlevel.com/Powerleveling.php?N=... of Mirror powerleveling</a>

<a href=https://www.thepowerlevel.com/Gold.php?N=LastChaos... Chaos Gold</a>
<a href=https://www.thepowerlevel.com/Powerleveling.php?N=... Chaos Power leveling</a>

<a href=https://www.thepowerlevel.com/Gold.php?N=PW>per... world gold</a>
<a href=https://www.thepowerlevel.com/Gold.php?N=PW>per... world coins</a>
<a href=https://www.thepowerlevel.com/Gold.php?N=PW>per... world power leveling</a>

<a href=https://www.thepowerlevel.com/Service.php?M=AT>... online</a>
<a href=https://www.thepowerlevel.com/Gold.php?N=AT>atl... gold</a>
<a href=https://www.thepowerlevel.com/Powerleveling.php?N=... power leveling</a>

<a href=http://www.thepowerlevel.com>wow gold</a>
<a href=http://www.thepowerlevel.com>wow gold tips</a>
<a href=http://www.thepowerlevel.com>wow gold guide</a>
<a href=http://www.thepowerlevel.com/Gold.php?N=WOW_US>world" target="_blank">http://www.thepowerlevel.com/Gold.php?N=WOW_US>... of warcraft gold</a>
<a href=http://www.thepowerlevel.com/Gold.php?N=WOW_US>buy wow gold</a>
<a href=http://www.thepowerlevel.com/Gold.php?N=WOW_EU>cheap" target="_blank">http://www.thepowerlevel.com/Gold.php?N=WOW_EU>... wow gold</a>
<a href=http://www.thepowerlevel.com/Powerleveling.php?N=WOW_US>wow power leveling</a>

# Posted By xing123 | 9/29/08 2:37 AM

# Posted By 6092 | 10/3/08 11:21 PM

<a href=http://www.yogawww.com/>yoga mat</a>
<a href=http://www.wowgoldsell.com/>wow gold</a>
<a href=http://www.yogawww.com/>yoga mats</a>
<a href=http://www.chinatravelvip.com/>China Travel</a>
<a href=http://www.yogawww.com/>yoga class</a>
<a href=http://www.wowchina.us/>buy wow gold</a>
<a href=http://www.howtogold.com/>cheap wow gold</a>
<a href=http://www.yogawww.com/>wholesale yoga mats</a>
[url=http://www.yogawww.com/]yoga mat[/url]
[url=http://www.yogawww.com/]yoga mats[/url]
[url=http://www.chinatravelvip.com/]China Travel[/url]
[url=http://www.wowgoldsell.com/]wow gold[/url]
[url=http://www.howtogold.com/]cheap wow gold[/url]
[url=http://www.wowchina.us/]buy wow gold[/url]
[url=http://www.wowgoldservice.com/]wow power leveling[/url]

# Posted By wow gold | 10/5/08 8:02 PM

<a href="http://www.topowerleveling.com">world of warcraft power leveling</a> <a href="http://www.topowerleveling.com">wow power leveling</a> <a href="http://www.topowerleveling.com">power leveling</a> <a href="http://www.mmosgames.com">runescape gold</a> <a href="http://www.mmosgames.com">rs2 gold</a> <a href="http://www.gowowpowerleveling.com">wow gold</a> <a href="http://www.ac021.com">????</a> <a href="http://www.cn-sanhuan.com">?????</a> <a href="http://www.cn-sanhuan.com">???</a> <a href="http://www.fenixpainting.com">oil painting</a> <a href="http://www.rasanxin.com">?????</a> <a href="http://www.rasanxin.com">?????</a> <a href="http://www.rasanxin.com">?????</a> <a href="http://www.rasanxin.com/about.asp">???</a> <a href="http://www.rasanxin.com/about.asp">???</a> <a href="http://www.rasanxin.com/about.asp">???</a> <a href="http://www.paper-cup-machine.com/cn/index.html">???</a> <a href="http://www.paper-cup-machine.com/cn/index.html">?????</a> <a href="http://www.paper-cup-machine.com">paper cup machine</a> <a href="http://www.paper-cup-machine.com">paper cone machine</a>

<a href="http://www.ruian2machine.cn">?????</a> <a href="http://www.yszdh.com">runescape money</a> <a href="http://www.yszdh.com">rs2 money</a> <a href="http://www.mmosgames.com">dofus kamas</a> <a href="http://www.plastic-thermoforming-machine.com/product.htm">thermoforming Equipment</a> <a href="http://www.3721call.cn/news.htm">????</a> <a href="http://www.packagemachinery.cn">bag making machine</a> <a href="http://www.todesign.com.cn">????</a> <a href="http://www.chaoyuemingdie.cn">????</a> <a href="http://www.msik-valve.cn">butterfly valve</a> <a href="http://www.msik-valve.cn">ball valve</a> <a href="http://www.msik-valve.cn">v-port ball valve</a> <a href="http://www.shdyf.com">????</a> <a href="http://www.tzonegroup.cn">??</a> <a href="http://www.tzonegroup.cn/about.asp">??????</a> <a href="http://www.tzonegroup.cn/about.asp">???</a> <a href="http://www.tzonegroup.cn/news.asp" target="_blank">http://www.tzonegroup.cn/news.asp">??????</a> <a href="http://www.tzonegroup.cn/products.asp">???</a> <a href="http://www.rajayj.cn">???,?????,???,???</a> <a href="http://www.rajayj.cn">???</a> <a href="http://www.rajayj.cn">?????</a> <a href="http://www.rajayj.cn">???</a> <a href="http://www.rajayj.cn/gsjj.asp">?????,??????,?????,????????</a> <a href="http://www.rajayj.cn/gsjj.asp">?????</a> <a href="http://www.rajayj.cn/gsjj.asp">??????</a> <a href="http://www.rajayj.cn/product/index.asp">?????,????????,????????,?????????</a> <a href="http://www.rajayj.cn/product/index.asp">?????</a>

<a href="http://www.gowowpowerleveling.com">power leveling</a> <a href="http://www.gowowpowerleveling.com">wow power leveling</a> <a href="http://www.3721call.cn">????</a> <a href="http://www.zhongke-china.com">paper box making lines</a> <a href="http://www.zhongke-china.com">rigid paper box making lines</a> <a href="http://www.zhongke-china.com">paper box making machinery</a> <a href="http://www.zhongke-china.com">rigid paper box making machinery</a> <a href="http://www.zhongke-china.com">paper box forming machinery</a> <a href="http://www.zhongke-china.com">rigid paper box forming machinery</a> <a href="http://www.zhongke-china.com/about.asp" target="_blank">http://www.zhongke-china.com/about.asp">rigid paper box equipment</a> <a href="http://www.zhongke-china.com/about.asp" target="_blank">http://www.zhongke-china.com/about.asp">paper box equipment</a> <a href="http://www.plastic-thermoforming-machine.com">thermoforming machine</a> <a href="http://www.plastic-thermoforming-machine.com">thermoforming Equipment</a> <a href="http://www.plastic-thermoforming-machine.com">Plastic Machinery</a> <a href="http://www.plastic-thermoforming-machine.com">Plastic Thermoforming Machine</a> <a href="http://www.plastic-thermoforming-machine.com/product.htm">Plastic Thermoforming Machinery</a> <a href="http://www.plastic-thermoforming-machine.com/product.htm">Plastic Sheet Unit,Plastic Extruding Machine</a> <a href="http://www.plastic-thermoforming-machine.com/about.htm">Plastic Machine</a> <a href="http://www.66773388.com/xw_160.htm">prada shoes</a> <a href="http://www.66773388.com/xw_159.htm">true religion jeans</a> <a href="http://www.66773388.com/xw_158.htm">evisu jeans</a> <a href="http://www.66773388.com/xw_157.htm">Ed hardy</a> <a href="http://www.66773388.com/xw_156.htm">Gucci shoes</a> <a href="http://www.66773388.com/xw_155.htm">Gucci Handbag</a> <a href="http://www.66773388.com/xw_151.htm">adidas shoes</a> <a href="http://www.66773388.com/xw_150.htm">Ugg Boots</a> <a href="http://www.66773388.com/xw_146.htm">nike shoes</a> <a href="http://www.66773388.com/xw_143.htm">LV handbags</a> <a href="http://www.66773388.com/xw_147.htm">Jordan shoes</a> <a href="http://www.66773388.com/xw_144.htm">new era caps</a>

<a href="http://www.rxbzjx.cn">???</a> <a href="http://www.rxbzjx.cn">???</a> <a href="http://www.rxbzjx.cn">???</a> <a href="http://www.rxbzjx.cn">???</a> <a href="http://www.rxbzjx.cn/company.asp">???,?????,???,V??,???</a> <a href="http://www.rxbzjx.cn/company.asp">???</a> <a href="http://www.rxbzjx.cn/company.asp">V??</a> <a href="http://www.rxbzjx.cn/company.asp">???</a> <a href="http://www.rxbzjx.cn/productsall.asp">???</a> <a href="http://www.rxbzjx.cn/productsall.asp">???</a> <a href="http://www.wzbtjx.cn">????</a> <a href="http://www.wzbtjx.cn">?????</a> <a href="http://www.wzbtjx.cn">???????</a> <a href="http://www.wzbtjx.cn">???????</a> <a href="http://www.wzbtjx.cn/news.htm">???????</a> <a href="http://www.wzbtjx.cn/news.htm">???</a> <a href="http://www.wzbtjx.cn/about.htm">???</a> <a href="http://www.wzbtjx.cn/product.htm">??????</a> <a href="http://www.jinggong.cc">???</a>

# Posted By ASDF | 10/8/08 8:47 PM

# Posted By asdf | 10/8/08 8:48 PM

http://www.gmbar.com/

# Posted By warhammer gold | 10/10/08 12:32 AM

[Add Comment]

Sun	Mon	Tue	Wed	Thu	Fri	Sat
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31