title: How to Right align tooltip text in Flex 3
body: <p>I have a dropdown in a table (as a custom renderer). Some of the options is too long to display in the table or dropdown as there is some space constraints on the screen. We do however have a tooltip that displays the full text. </p>
  
  <p>The problem is that this is the last column in the table and the user's PC has some resolution constraints as well. Now the tooltip displays and part of it is cut off on the users monitor.</p>
  
  <p>Now I can go and adjust the X position (by -150) of the tooltip.</p>
  
  <pre><code>private function createToolTip(event:ListEvent):void {          
      tip = ToolTipManager.createToolTip("THE TEXT", this.parentApplication.mouseX - 150, this.parentApplication.mouseY) as ToolTip;                  
  }
  </code></pre>
  
  <p>Now this works as expected but if the text is short it kind of dispays in the middle of no where.</p>
  
  <p>So I added a width (of 200) to the tooltip</p>
  
  <pre><code>private function createToolTip(event:ListEvent):void {          
       tip = ToolTipManager.createToolTip("THE TEXT", this.parentApplication.mouseX - 150, this.parentApplication.mouseY) as ToolTip;
       tip.width = 200;                   
  }
  </code></pre>
  
  <p>Now this displays ok with the text being displayed at least next to the dropdown.</p>
  
  <p>But the problem is that whenever a text of longer than 200 is stored in the database it will not display the full text.</p>
  
  <p>Does anyone know how to rather have the tooltip right aligned instead of left. That way no matter how long the text is it will display to the left.</p>