RE: [flexcoders] Custom Tooltips in UIComponent
I don't understand. UIComponents already have a toolTip property. When it is set, a tool tip automatically appears when the mouse moves over that component and stays there for a little while. Gordon Smith Adobe Flex SDK Team From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Nate Pearson Sent: Wednesday, January 02, 2008 1:37 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Custom Tooltips in UIComponent I'm extending UIComponent to make some custom components. I want to add a custom tooltip to it when someone mouse overs it. I can't figure out how to do it...I might need to implement ToolTipManager and use controls.ToolTip but that seems like too much work. I wouldn't want to listen for every time the mouse moves for the tooltip to follow it. What I would really like is a function like dataTipFunction that's on charts. Thanks everyone, Nate
Re: [flexcoders] Custom Tooltips in actionscript
Rich -
There is a good example in the Flex docs under Using the ToolTip Manager
Basically you create an listener on the UIControl which catches the
toolTipShow event and fires a callback method. Do what you need to do
in the call back
mx:button id=myButton toolTip= some default text /
myButton.addEventListener(toolTipShow, myCallBack)
private function myCallBack(event:ToolTipEvent):void{
ToolTipManager.currentToolTip.text = some custom text;
// Do some more custom stuff
}
This will display some custom text when you hover over the button.
You can take this even further by using the
ToolTipManager.createToolTip() to really enhance the tip with fonts,
styles, etc.
There are examples of this in the Using the ToolTip Manager.
If you want to add components to your tooltip... let me know. I have
created some classes which extend toolTip so you can add panels,
TitleWindows, etc to your tooltip.
.j
richmcgillicuddy said the following:
I've looked at the various ways to create custom tooltips and they
work great if the custom tooltip is defined in the MXML code with a
format similar to:
toolTip= toolTipCreate=event.toolTip=this.createTip()
If I create an UIComponent via Actionscript and want to
use the custom toolTip, how would I do this? How do I associate the
toolTipCreate event in ActionScript?
var myLabel : Label;
myLabel.toolTipCreate =
Any help would be greatly appreciated.
Rich
--
/Whether you think that you can, or that you can't, you are usually right./
- Henry Ford
RE: [flexcoders] Custom tooltips
You didn't mention which version of Flex. I am not sure about how to do this in Flex 1.x, but in 2.0 you take the ToolTip's programmatic skin ToolTipBorder and make a custom skin class. Making a bubble-like popup would take some Flash graphics API wizardry, but I am sure it can be done. I would start by checking out the updateDisplayList() method of the mx.skins.halo.ToolTipBorder.as file. hth, matt horn flex docs From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Graham, JasonSent: Tuesday, February 14, 2006 5:08 PMTo: flexcoders@yahoogroups.comSubject: [flexcoders] Custom tooltips Is there an example anywhere to implement custom tooltips, I want to do something almost like having a cartoonish chat bubble popup, thats pointing to the object that is showing the tooltip. Is this a custom tooltip or just another component implemented that gets fired when the mouseOver occurs? -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com SPONSORED LINKS Web site design development Computer software development Software design and development Macromedia flex Software development best practice YAHOO! GROUPS LINKS Visit your group "flexcoders" on the web. To unsubscribe from this group, send an email to:[EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
RE: [flexcoders] Custom tooltips
Yea, it would be for Flex 1.5. I will take a look at the ToolTipBorder stuff in the halo skin and see what I can dig up. Thanks From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf Of Matt Horn Sent: Wednesday, February 15, 2006 9:31 AM To: flexcoders@yahoogroups.com Subject: RE: [flexcoders] Custom tooltips You didn't mention which version of Flex. I am not sure about how to do this in Flex 1.x, but in 2.0 you take the ToolTip's programmatic skin ToolTipBorder and make a custom skin class. Making a bubble-like popup would take some Flash graphics API wizardry, but I am sure it can be done. I would start by checking out the updateDisplayList() method of the mx.skins.halo.ToolTipBorder.as file. hth, matt horn flex docs From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf Of Graham, Jason Sent: Tuesday, February 14, 2006 5:08 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Custom tooltips Is there an example anywhere to implement custom tooltips, I want to do something almost like having a cartoonish chat bubble popup, thats pointing to the object that is showing the tooltip. Is this a custom tooltip or just another component implemented that gets fired when the mouseOver occurs? -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com SPONSORED LINKS Web site design development Computer software development Software design and development Macromedia flex Software development best practice YAHOO! GROUPS LINKS Visit your group "flexcoders" on the web. To unsubscribe from this group, send an email to:[EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
