RE: [flexcoders] Custom Tooltip Issue - ItemRollOut not firing on List when scrolling
Try getting rid of the tooltips if you get a scroll event or mouseWheel event
Alex Harui
Flex SDK Developer
Adobe Systems Inc.http://www.adobe.com/
Blog: http://blogs.adobe.com/aharui
From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf
Of duanstravels
Sent: Wednesday, April 29, 2009 2:07 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Custom Tooltip Issue - ItemRollOut not firing on List
when scrolling
Hi All
I am having some issues with ToolTips on items in a List control. I am
currently using FlexBuilder 3.
What I need to do is create a tooltip when a user rolls over the item in a
list. The list stores a list of Metrics, and should show the definition
associated with that metric when you roll over the item in the list.
The tooltip is created fine, and the tooltip disappears when the user moves the
mouse to another item.
The problem comes in when the user rolls the mouse wheel to scroll the list
down. The event doesn't fire,so the tooltip stays there, and another tooltip is
created as the user is now pointing to a different item. You can now end up
with multiple tooltips for different items.
I have tried using itemFocusIn and itemFocusOut as well, but this doesn't work
either.
Not sure if there is another event I need to use, or if there is code I could
use to destroy all tooltips on the screen. Either way would work.
Any help would be appreciated.
D
MXML:
-
mx:List dataProvider={arrMetrics} id=cboMetric labelField=MetricName
width=100% itemRollOver={showTip(event);}
itemRollOut={destroyTip();}/mx:List
ActionScript:
-
private function showTip(event:Object):void {
s = event.itemRenderer.data.Definition;
var pt:Point = new Point(
event.currentTarget.x,
event.currentTarget.y);
// Call this method to convert the object's
// coordinates inside its container to the stage's
// global coordinates.
pt = event.currentTarget.contentToGlobal(pt);
tip = ToolTipManager.createToolTip(s,
pt.x - event.currentTarget.width,
pt.y
) as ToolTip;
}
private function destroyTip():void {
ToolTipManager.destroyToolTip(tip);
}
Re: [flexcoders] Custom Tooltip-class
Le 23 oct. 08 à 16:32, John Hauf a écrit :
Hi,
I have a question about using Tooltips in flex 3.
When I have set the tooltip-property of a UIComponent to a string, I
can
set the porperty ToolTipManager.toolTipClass to any custom class I
want to.
If I use the ToolTipManager.createToolTip-method to create the Tooltip
manually, I don't have the possibility to use a custom class. Setting
the toolTipClass has no effect. I checked the
mx.managers.ToolTipManagerImpl-class and found out, that in the
createToolTip-method always the standard ToolTip-class is used.
Is there any other solution to get custom classes working, than
patching
the ToolTipManagerImpl-class?
Thanks
John
I think that if you go as deep as patching the Impl classes of any
framework, there's something wrong.
There's a simpler way to do that.
Your component should do:
myComponent
.addEventListener(ToolTipEvent.TOOL_TIP_CREATE,tooltipDetailCreate);
myComponent.toolTip = ;
then you should do something like...
private function tooltipDetailCreate(event:ToolTipEvent):void {
var tt:PieChartToolTip = new PieChartToolTip();
tt.width = 390;
tt.height = 180;
tt.dataProvider = // whatever data provider or property you need
to set for your tooltip component
tt.headerText = My tooltip header
event.toolTip = tt;
}
In our case our component is a some king of gauge which shows some
progression and its tooltip is a PieChart which shows the repartition
of the data from the progression.
That way, whenever a tooltip event is fired it will display your
component.
Good luck,
Farid from Paris, France
Re: [flexcoders] Custom Tooltip-class
Hi,
yes that's true. I could do it using the way you described, but in my
case I want to display multiple tooltips at once for printing and that
is only working with the createTooltip method, so I need to use it.
John
Farid SALAH wrote:
Le 23 oct. 08 à 16:32, John Hauf a écrit :
Hi,
I have a question about using Tooltips in flex 3.
When I have set the tooltip-property of a UIComponent to a string, I can
set the porperty ToolTipManager.toolTipClass to any custom class I
want to.
If I use the ToolTipManager.createToolTip-method to create the Tooltip
manually, I don't have the possibility to use a custom class. Setting
the toolTipClass has no effect. I checked the
mx.managers.ToolTipManagerImpl-class and found out, that in the
createToolTip-method always the standard ToolTip-class is used.
Is there any other solution to get custom classes working, than patching
the ToolTipManagerImpl-class?
Thanks
John
I think that if you go as deep as patching the Impl classes of any
framework, there's something wrong.
There's a simpler way to do that.
Your component should do:
myComponent.addEventListener(ToolTipEvent.TOOL_TIP_CREATE,tooltipDetailCreate);
myComponent.toolTip = ;
then you should do something like...
private function tooltipDetailCreate(event:ToolTipEvent):void {
var tt:PieChartToolTip = new PieChartToolTip();
tt.width = 390;
tt.height = 180;
tt.dataProvider = // whatever data provider or property you need to
set for your tooltip component
tt.headerText = My tooltip header
event.toolTip = tt;
}
In our case our component is a some king of gauge which shows some
progression and its tooltip is a PieChart which shows the repartition
of the data from the progression.
That way, whenever a tooltip event is fired it will display your component.
Good luck,
Farid from Paris, France
RE: [flexcoders] Custom Tooltip
As Amy says, DataTipFunction gets passed the entire item object. It can also access data elsewhere in scope. Tracy From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Manu Dhanda Sent: Monday, October 13, 2008 10:09 PM To: flexcoders@yahoogroups.com Subject: Re: [flexcoders] Custom Tooltip I am asking to pass an object to a ToolTip rather then only a String. Does anyone have any direction on that?? Thanks. Amy-28 wrote: --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , Manu Dhanda [EMAIL PROTECTED] wrote: ok, for an example, I have a row in the list. And for it's tooltip, I want to display various characteristics (which I have in the form of name/value pairs in a list). Does that give you an idea?? ---row1 ---row2 (ToolTip)[has a name/value list, which can be represented as a tooltip] --- ---rowN So, my concern of passing an Object to Tooltip is passing anything that can be an Object as in ArrayCollection/Array/String/int/image etc.. I think you may be interested in the dataTipFunction property that all of the List based components have. You can set this up to use the data in the current item to look up any information available to the program. HTH; Amy -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19965996.html http://www.nabble.com/Custom-Tooltip-tp19953678p19965996.html Sent from the FlexCoders mailing list archive at Nabble.com.
RE: [flexcoders] Custom Tooltip
Never mind, I see that won't help what you are trying to do. Tracy From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Tracy Spratt Sent: Tuesday, October 14, 2008 2:53 PM To: flexcoders@yahoogroups.com Subject: RE: [flexcoders] Custom Tooltip As Amy says, DataTipFunction gets passed the entire item object. It can also access data elsewhere in scope. Tracy From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Manu Dhanda Sent: Monday, October 13, 2008 10:09 PM To: flexcoders@yahoogroups.com Subject: Re: [flexcoders] Custom Tooltip I am asking to pass an object to a ToolTip rather then only a String. Does anyone have any direction on that?? Thanks. Amy-28 wrote: --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , Manu Dhanda [EMAIL PROTECTED] wrote: ok, for an example, I have a row in the list. And for it's tooltip, I want to display various characteristics (which I have in the form of name/value pairs in a list). Does that give you an idea?? ---row1 ---row2 (ToolTip)[has a name/value list, which can be represented as a tooltip] --- ---rowN So, my concern of passing an Object to Tooltip is passing anything that can be an Object as in ArrayCollection/Array/String/int/image etc.. I think you may be interested in the dataTipFunction property that all of the List based components have. You can set this up to use the data in the current item to look up any information available to the program. HTH; Amy -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19965996.html http://www.nabble.com/Custom-Tooltip-tp19953678p19965996.html Sent from the FlexCoders mailing list archive at Nabble.com.
RE: [flexcoders] Custom Tooltip
Why not? Gordon Smith Adobe Flex SDK Team From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Tracy Spratt Sent: Tuesday, October 14, 2008 11:56 AM To: flexcoders@yahoogroups.com Subject: RE: [flexcoders] Custom Tooltip Never mind, I see that won't help what you are trying to do. Tracy From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Tracy Spratt Sent: Tuesday, October 14, 2008 2:53 PM To: flexcoders@yahoogroups.com Subject: RE: [flexcoders] Custom Tooltip As Amy says, DataTipFunction gets passed the entire item object. It can also access data elsewhere in scope. Tracy From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Manu Dhanda Sent: Monday, October 13, 2008 10:09 PM To: flexcoders@yahoogroups.com Subject: Re: [flexcoders] Custom Tooltip I am asking to pass an object to a ToolTip rather then only a String. Does anyone have any direction on that?? Thanks. Amy-28 wrote: --- In flexcoders@yahoogroups.commailto:flexcoders%40yahoogroups.com, Manu Dhanda [EMAIL PROTECTED] wrote: ok, for an example, I have a row in the list. And for it's tooltip, I want to display various characteristics (which I have in the form of name/value pairs in a list). Does that give you an idea?? ---row1 ---row2 (ToolTip)[has a name/value list, which can be represented as a tooltip] --- ---rowN So, my concern of passing an Object to Tooltip is passing anything that can be an Object as in ArrayCollection/Array/String/int/image etc.. I think you may be interested in the dataTipFunction property that all of the List based components have. You can set this up to use the data in the current item to look up any information available to the program. HTH; Amy -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19965996.html Sent from the FlexCoders mailing list archive at Nabble.com.
Re: [flexcoders] Custom Tooltip
Well, it all depends how you want it rendered... If you pass an array collection... For what reason and how do you want it to render? Sent from my iPhone On Oct 13, 2008, at 5:09 AM, Manu Dhanda [EMAIL PROTECTED] wrote: Hii I was looking for a custom tooltip. Is there a way that I can pass an object to a tooltip rather then a String. Say, I want to pass an Arraycollection.. Is that possible?? And if it is.. then how? Thanks. -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19953678.html Sent from the FlexCoders mailing list archive at Nabble.com. -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Alternative FAQ location: https://share.acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e62079f6847 Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo ! Groups Links
Re: [flexcoders] Custom Tooltip
I can always define a custom tooltip with a Panel, List or anything in it. But the real issue is, How can I pass data to it(as an Object/Collection), other then just text ??? Any idea/thoughts?? -Manu. Flex Gangsta wrote: Well, it all depends how you want it rendered... If you pass an array collection... For what reason and how do you want it to render? Sent from my iPhone On Oct 13, 2008, at 5:09 AM, Manu Dhanda [EMAIL PROTECTED] wrote: Hii I was looking for a custom tooltip. Is there a way that I can pass an object to a tooltip rather then a String. Say, I want to pass an Arraycollection.. Is that possible?? And if it is.. then how? Thanks. -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19953678.html Sent from the FlexCoders mailing list archive at Nabble.com. -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Alternative FAQ location: https://share.acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e62079f6847 Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo ! Groups Links -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19957337.html Sent from the FlexCoders mailing list archive at Nabble.com.
Re: [flexcoders] Custom Tooltip
For what reason do you want to pass an object to it? That might clear up any confusion that I have Sent from my iPhone On Oct 13, 2008, at 8:42 AM, Manu Dhanda [EMAIL PROTECTED] wrote: I can always define a custom tooltip with a Panel, List or anything in it. But the real issue is, How can I pass data to it(as an Object/Collection), other then just text ??? Any idea/thoughts?? -Manu. Flex Gangsta wrote: Well, it all depends how you want it rendered... If you pass an array collection... For what reason and how do you want it to render? Sent from my iPhone On Oct 13, 2008, at 5:09 AM, Manu Dhanda [EMAIL PROTECTED] wrote: Hii I was looking for a custom tooltip. Is there a way that I can pass an object to a tooltip rather then a String. Say, I want to pass an Arraycollection.. Is that possible?? And if it is.. then how? Thanks. -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19953678.html Sent from the FlexCoders mailing list archive at Nabble.com. -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/ flexcodersFAQ.txt Alternative FAQ location: https://share.acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e62079f6847 Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo ! Groups Links -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19957337.html Sent from the FlexCoders mailing list archive at Nabble.com. -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Alternative FAQ location: https://share.acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e62079f6847 Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo ! Groups Links
Re: [flexcoders] Custom Tooltip
ok, for an example, I have a row in the list. And for it's tooltip, I want to display various characteristics (which I have in the form of name/value pairs in a list). Does that give you an idea?? ---row1 ---row2 (ToolTip)[has a name/value list, which can be represented as a tooltip] --- ---rowN So, my concern of passing an Object to Tooltip is passing anything that can be an Object as in ArrayCollection/Array/String/int/image etc.. Thanks, Manu. Flex Gangsta wrote: For what reason do you want to pass an object to it? That might clear up any confusion that I have Sent from my iPhone On Oct 13, 2008, at 8:42 AM, Manu Dhanda [EMAIL PROTECTED] wrote: I can always define a custom tooltip with a Panel, List or anything in it. But the real issue is, How can I pass data to it(as an Object/Collection), other then just text ??? Any idea/thoughts?? -Manu. Flex Gangsta wrote: Well, it all depends how you want it rendered... If you pass an array collection... For what reason and how do you want it to render? Sent from my iPhone On Oct 13, 2008, at 5:09 AM, Manu Dhanda [EMAIL PROTECTED] wrote: Hii I was looking for a custom tooltip. Is there a way that I can pass an object to a tooltip rather then a String. Say, I want to pass an Arraycollection.. Is that possible?? And if it is.. then how? Thanks. -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19953678.html Sent from the FlexCoders mailing list archive at Nabble.com. -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/ flexcodersFAQ.txt Alternative FAQ location: https://share.acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e62079f6847 Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo ! Groups Links -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19957337.html Sent from the FlexCoders mailing list archive at Nabble.com. -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Alternative FAQ location: https://share.acrobat.com/adc/document.do?docid=942dbdc8-e469-446f-b4cf-1e62079f6847 Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.comYahoo ! Groups Links -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19959178.html Sent from the FlexCoders mailing list archive at Nabble.com.
Re: [flexcoders] Custom Tooltip
I am asking to pass an object to a ToolTip rather then only a String. Does anyone have any direction on that?? Thanks. Amy-28 wrote: --- In flexcoders@yahoogroups.com, Manu Dhanda [EMAIL PROTECTED] wrote: ok, for an example, I have a row in the list. And for it's tooltip, I want to display various characteristics (which I have in the form of name/value pairs in a list). Does that give you an idea?? ---row1 ---row2 (ToolTip)[has a name/value list, which can be represented as a tooltip] --- ---rowN So, my concern of passing an Object to Tooltip is passing anything that can be an Object as in ArrayCollection/Array/String/int/image etc.. I think you may be interested in the dataTipFunction property that all of the List based components have. You can set this up to use the data in the current item to look up any information available to the program. HTH; Amy -- View this message in context: http://www.nabble.com/Custom-Tooltip-tp19953678p19965996.html Sent from the FlexCoders mailing list archive at Nabble.com.
RE: [flexcoders] Custom ToolTip click event
Looks like you can call stopImmediatePropagation on the click event From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of nylarch Sent: Wednesday, September 10, 2008 6:58 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Custom ToolTip click event Hi - I'm creating a custom ToolTip by implementing IToolTip and using a Panel. I'd like to expose more information in the custom tooltip using a click event but it seems like there is a build in click event for tooltips that closes it. Anyone know if it Is possible to intercept or cancel that click event and roll my own? Thanks!
RE: [flexcoders] Custom Tooltip flicker on Rollover
Try not setting the 'visible' property to true.
Gordon Smith
Adobe Flex SDK Team
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ezderman
Sent: Tuesday, April 29, 2008 12:33 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Custom Tooltip flicker on Rollover
I am creating a custom tooltip that is a Canvas base. I am skining
the Canvas background with a flash symbol. When I roll over the
button the tooltip flicker like it stuck between over and out state.
Any Help?? Here are the two functions that call the tooltip
private function createCustomTip(event:ToolTipEvent):void {
ToolTipManager.showDelay = 0;
var ctt:CanvasToolTip = new CanvasToolTip();
event.toolTip = ctt;
}
private function onToolTipShow(event:ToolTipEvent):void{
event.toolTip.visible = true;
event.toolTip.y = root.mouseY;
event.toolTip.x = root.mouseX;
event.toolTip.width = 167;
event.toolTip.height = 45;
// CanvasToolTip(event.toolTip).msg.text = Play Now!
}
Re: [flexcoders] Custom Tooltip Display
On Fri, Feb 15, 2008 at 11:27 PM, Mark Lapasa [EMAIL PROTECTED] wrote: http://livedocs.adobe.com/labs/flex3/html/help.html?content=tooltips_4.html See Creating custom ToolTips Hi Mark, Thanks for the reply. That is the first thing I should have done before posting the question. I have to stop being lazy. ;-) Thanks once again. Fidel.
Re: [flexcoders] Custom Tooltip Display
http://livedocs.adobe.com/labs/flex3/html/help.html?content=tooltips_4.html See Creating custom ToolTips -mL Fidel Viegas wrote: Hello folks, I was wondering if someone can point me to a tutorial that shows me how to customize the Tooltip Window (if that is what I may call it). I want to to be able to display formatted data, as I have seen in many demos. I look forward to hearing from you guys. Thanks in advance, Fidel. Notice of confidentiality: The information contained in this e-mail is intended only for the use of the individual or entity named above and may be confidential. Should the reader of this message not be the intended recipient, you are hereby notified that any unauthorized dissemination, distribution or reproduction of this message is strictly prohibited. If you have received this message in error, please advise the sender immediately and destroy the e-mail.
