Tooltip's position based on Control's position : ToolTips « Components « Flex

1. Flex
2. Components
3. ToolTips

Tooltip's position based on Control's position

       


<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                verticalAlign="middle" 
                horizontalAlign="center" 
                height="100" 
                width="300">
    <mx:Script>
    
    import mx.controls.ToolTip;
    import mx.managers.ToolTipManager;
    private var tip:ToolTip;
    private function showTip(event:Object):void {
      tip = ToolTipManager.createToolTip("s",
                                         event.currentTarget.x + event.currentTarget.width + 10,
                                         event.currentTarget.y)as ToolTip;
    }
    private function destroyTip(event:Object):void {
        ToolTipManager.destroyToolTip(tip);
    }
  
    </mx:Script>
    <mx:TextInput id="a1" width="100" focusIn="showTip(event)" focusOut="destroyTip(event)"/>
</mx:Application>

   
    
    
    
    
    
    
  

Related examples in the same category

1.	ToolTip Effects with ActionScript
2.	ToolTips Show event
3.	Setup ToolTips with ActionScript
4.	Set tooltip for current event target
5.	Show tooltips for AreaChart
6.	Add tooltip for Button
7.	Bind tooltip text value to a TextInput
8.	Add tooltip to a VBox
9.	Tooltip for Button and for VBox
10.	More than one line of tooltip
11.	Using text encoding in tooltip
12.	Creating ToolTips
13.	To set a ToolTip value in ActionScript
14.	Shows the inheritance of ToolTip text
15.	Using \n escaped newline character and the entity for tooltip
16.	Use a type selector in the to override the default styles of your ToolTips
17.	Use StyleManager to set ToolTip styles
18.	Apply a style to ToolTip type selector with the setStyle()
19.	Set tooltip font style to italic
20.	Set tooltip font size to 19
21.	Set tooltip font family to Arial
22.	Set tooltip color to #FF6699
23.	Set tooltip background
24.	ToolTips use inheritable global styles
25.	Setting the width of ToolTips
26.	Creates ToolTips for each of the buttons
27.	Use ToolTips on child elements in a component's data provider
28.	Set ButtonBar's toolTipField to point to field in data provider ToolTips from myToolTip field
29.	Enabling and disabling ToolTips
30.	CandlestickChart with Tooltip
31.	Bind tooltip value to TextInput
32.	Get current tooltip
33.	Create a ToolTip when you move the mouse over a Panel container
34.	Set Tooltip width and height
35.	Choose the proper tooltip position
36.	Tooltip for error message
37.	A toolTip is a little pop-up message that displays when you hover your mouse over a component for a moment
38.	Basic ToolTip
39.	To set the value of a ToolTip in ActionScript, use the toolTip property of the component.
40.	Inheritance of ToolTip text
41.	Using \n escaped newline character and the entity for Tooltip text
42.	ToolTip Style Manager
43.	ToolTip Global Styles
44.	Change the maximum width of the ToolTip box to 100 pixels
45.	Create ToolTips for each of the navigation items
46.	ToolTips are propagated up to the LinkBar
47.	The data provider defines ToolTips in the myToolTip field
48.	Toggle ToolTips on and off when the user clicks the Toggle ToolTips button
49.	Insert TextInput value into Button control's ToolTip when the user moves the mouse pointer over the Button control
50.	Register myToolTipChanger() method as a listener for the Button control's toolTipShow event.
51.	Creating ToolTips in ActionScript
52.	customization on ToolTip's toolTipShown event.
53.	Use errorTip style to create ToolTips that look like validation error tips.
54.	Play a sound in response to the TOOL_TIP_SHOW event