Comments on: Create custom ToolTips components in flex.

By: Heartburn Home Remedy

Heartburn Home Remedy — Wed, 15 Apr 2009 11:53:26 +0000

Not that I’m impressed a lot, but this is a lot more than I expected when I stumpled upon a link on Delicious telling that the info here is awesome. Thanks.

By: kumargandhi

kumargandhi — Wed, 11 Mar 2009 07:23:19 +0000

Hi,

Thanks for the note.I didn’t had much time in the beginning for explaining these, but thanks to you.

regards,
kumar.

By: Steve

Steve — Wed, 11 Mar 2009 06:57:00 +0000

Hi All.

Just as a side note to save anyone else the head scratching, unless toolTip=” ” is explicit, the tooltip panel will not appear. toolTip =”" won’t show anything.

As with testing all new components that I consider using in my apps I create a test app that only uses the component; this one had me stumpped for a while because there was no popup tooltip panel.

There is a *lot* of scope for customisation so GREAT WORK Kumar.

Steve

By: kumargandhi

kumargandhi — Mon, 23 Feb 2009 10:33:59 +0000

Hi Sagar,

This can be done , i will come up with a post on it.If possible i will send the code to you soon.

regards,
kumar.

By: Sagar

Sagar — Fri, 20 Feb 2009 12:33:15 +0000

Hi Kumar,

I have a Vbox in which i create dynamically Combo box when a button is clicked. I want to add tool tip in drop down list and also on the selected item. Tha data provider for combo box is an Array Collection.
Thanks in anticipation. Also, you are doing really nice work..

~Sagar

By: kumargandhi

kumargandhi — Wed, 18 Feb 2009 05:32:01 +0000

Hi ,

Mail me over the code i will look in to it and see that i can help out.

regards,
kumar.

By: Jolene

Jolene — Tue, 17 Feb 2009 22:07:44 +0000

sorry whyy cant i include the mxml codes this comment box ?

as below :

By: Jolene

Jolene — Tue, 17 Feb 2009 22:05:34 +0000

Hi Kumar,

I have my Action Script (smallBox) file – just having draw shapes and event listener codes , The question is how do i expend my toolTip width in the mxml file? Or i need to write something in my AS file as well?
Thank you.

By: kumargandhi

kumargandhi — Sat, 07 Feb 2009 14:56:48 +0000

Hi Ajay,

For this kind we got to use the ToolTipManager Class.I will Mail you an example,hope it helps you.

regards,
kumar.

By: Ajay

Ajay — Fri, 06 Feb 2009 20:39:31 +0000

Hi,
I want to show custom tooltip of the top right corner of the component where i over the mouse. hw can i do as my code:
private function createCustomTip(event:ToolTipEvent, body:String):void {
ctt= new CustomTooltip();
ctt.bodyText = body;
event.toolTip = ctt;
}
and the component is :
and i have been written for position but it is not working:
private function positionTooltip(event:ToolTipEvent):void{
var tt:ToolTip = event.toolTip as ToolTip;
tt.x = imgTransition.x;
tt.y = imgTransition.y +tt.height;

}
please help me as soon as possible
thanks and regards
ajay

By: white

white — Fri, 09 Jan 2009 22:50:52 +0000

See this article for more information about this tooltip.
http://blog.flexmonkeypatches.com/2008/09/10/flex-custom-tooltip-speech-bubble/

By: white

white — Fri, 09 Jan 2009 22:50:12 +0000

See this article for more information about this tooltip.

By: kumargandhi

kumargandhi — Sat, 04 Oct 2008 15:19:35 +0000

Hi
For this kind we got to use the StyleManager Class and methods in it. Refer below line of code.

StyleManager.getStyleDeclaration(“ToolTip”).setStyle(“backgroundColor”,”white”);

[This will reflect to all the visible components in the App.]

Like so according to the need. But here you got to add an EvenListener to the image so that on MouseOver the tooltip Backgroundcolor is changed. and again on the mouseOut it is set to the default , so that it does not reflect to other components.

comment if you require the complete code, i will make a post on it.

regards,
kumar.

By: Mamtha

Mamtha — Thu, 02 Oct 2008 15:19:07 +0000

This example is awesome! Thanks for posting it. I have a question can I add custom tooltip to an image? here is my code. All I want is different backgroundcolor. And also I need the tooltip to show up like an errortip like the one in your example.

public function handleCountyList(event:ResultEvent):void{
countylist = event.result as ArrayCollection;
for(var k=1; k<=1; k++){
for each(var c:Object in countylist){
var imageProxy:Image=new Image();
imageProxy.load(“1.png”);
imageProxy.height=10;
imageProxy.width=10;
imageProxy.x=c.XVAL;
imageProxy.y=c.YVAL;
imageProxy.id=’image_’+k+’_'+c.COUNTYID;
imageProxy.visible=true;
imageProxy.toolTip = “{c.COUNTYDESC}”;
imageProxy.tooltip.backgroundcolor=”{c.BGCLR}”;

canvas1.addChild(imageProxy);
}
}
}

By: kumargandhi

kumargandhi — Tue, 08 Jul 2008 15:29:40 +0000

How r u getting the tooltip on the datagrid , cn u paste the sample code here , i will make a post with datagrid tooltip .

regards,
kumar.