The following example shows how you can use the static ToolTip.maxWidth property in Flex to control the maximum width of a tool tip.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/09/05/setting-a-flex-tool-tips-maximum-width/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.controls.ToolTip;
        ]]>
    </mx:Script>

    <mx:ApplicationControlBar dock="true">
        <mx:Label text="ToolTip.maxWidth:" />
        <mx:HSlider id="slider"
                minimum="50"
                maximum="300"
                value="{ToolTip.maxWidth}"
                liveDragging="true"
                snapInterval="5"
                tickInterval="10"
                dataTipPrecision="0"
                change="ToolTip.maxWidth = slider.value" />
        <mx:Label text="{slider.value}" />
    </mx:ApplicationControlBar>

    <mx:Button label="Roll over to see tool tip"
            toolTip="The quick brown fox jumped over the lazy dog." />

</mx:Application>

View source is enabled in the following example.

 
Tagged with:
 
About The Author

Peter deHaan

Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.

3 Responses to Setting a Flex tool tip’s maximum width

  1. ziki says:

    As i understand, this will change the size of all the tool tips in the program.
    is there a way to change this settings just for one tool tip?

  2. dayHiker says:

    Thanks, I needed dataTipPrecision idea in my slider. Could not find it, but you had it. Good work.

  3. luke says:

    yes its possible to change the settings for just one tooltip. you have to create manually a tooltip via ToolTipManager and then set yourtooltip.maxWidth=xxx;

    var tip:Tooltip = ToolTipManager.createToolTip(
    text,
    x,
    y,
    type
    ) as ToolTip;

    tip.maxWidth=yourvalue;

    hope i could help

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Anti-Spam Protection by WP-SpamFree