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






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

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