Use TextInput's contentToGlobal() to convert coordinates from relative to the VGroup container to global coordinates. : TextInput « Components « Flex

1. Flex
2. Components
3. TextInput

Use TextInput's contentToGlobal() to convert coordinates from relative to the VGroup container to global coordinates.

          

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


<!-- tooltips/PlacingToolTipsInContainers.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark"
    height="400" width="600">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Script> 
         
        import mx.controls.ToolTip; 
        import mx.managers.ToolTipManager; 
        private var tip:ToolTip; 
        private var s:String; 
        private function showTipA(event:Object):void { 
            s="My Tip A"; 
            tip = ToolTipManager.createToolTip(s,event.currentTarget.x + event.currentTarget.width + 10,event.currentTarget.y) as ToolTip; 
        } 
        private function showTipB(event:Object):void { 
            s="My Tip B"; 
            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 + 10, pt.y) as ToolTip; 
        } 
        private function destroyTip(event:Object):void { 
            ToolTipManager.destroyToolTip(tip); 
        } 
      
    </fx:Script>
    <!-- A ToolTip at the top level. -->
    <s:TextInput id="a" text="Good ToolTip placement" width="175"
        focusIn="showTipA(event)" focusOut="destroyTip(event)" />
    <s:VGroup>
        <!-- A ToolTip inside a container. -->
        <!--
            The event handler for this ToolTip accounts for the control being
            inside a container and positions the ToolTip using the
            contentToGlobal() method.
        -->
        <s:TextInput id="b" text="Good ToolTip placement" width="175"
            focusIn="showTipB(event)" focusOut="destroyTip(event)" />
        <!-- A ToolTip inside a container. -->
        <!--
            The event handler for this ToolTip does not use any special logic to
            account for whether the ToolTip is inside a container. As a result,
            it positions itself using coordinates that are relative to the
            container, but that are not converted to global coordinates.
        -->
        <s:TextInput id="c" text="Bad ToolTip placement" width="175"
            focusIn="showTipA(event)" focusOut="destroyTip(event)" />
    </s:VGroup>
</s:Application>

   
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	On value commit in a TextInput control, use alert to display the input value
2.	Using if..else statement to do a password check
3.	Using a switch statement to check the value of TextInput
4.	Copy values from one TextInput to another TextInput by reference id
5.	Check the length of TextInput field value
6.	TextInput creationCompleteEffect
7.	Set value from TextInput to a variable
8.	Use TextInput for entering information
9.	Get input from TextInput, Do calculation and assign result to Label
10.	Add event handler for TextInput
11.	Add Spacer to PopupButton and TextInput
12.	Creating a TextInput control with
13.	Use FormItem to wrap Button, TextInput
14.	Convert value in TextInput to Number
15.	Define class with style and apply to TextInput
16.	Get text from TextInput box
17.	Use trace() function to write the value of the text property of a TextInput control to the log file
18.	TextInput for entering personal contact information
19.	Cast current target to a TextInput class
20.	Change TextInput from enabled disabled to enabled
21.	Use Form Item label to mark TextInput
22.	Not editable TextInput
23.	Use Label for mark TextInput
24.	Wrap TextInput in a HBox and put to FormItem
25.	Format a phone number using TextInput control
26.	TextInput enter pressed action
27.	Use TextInput as password field
28.	set a threshold value in the TextInput control.
29.	Sum value from two TextInput in Button action
30.	TextInput is one line text box
31.	Filter TextInput
32.	Use scroll bars to see entire TextInput control by wrapping the Group container in the Scroller control
33.	Form Labels and TextInput fields
34.	Create a TextInput control in a Form container
35.	Creating a TextInput control
36.	MX TextInput control in a simple form
37.	TextInput Control
38.	Format a phone number that a user inputs in an application by using the TextInput control:
39.	Style information for all Spark Button, TextInput, and Label components
40.	Convert from Celsius to Fahrenheit back and forth
41.	Restricting Input
42.	Use a backslash (\) in front of a hyphen to show that you want the hyphen literally