Setting a Flex tool tip’s maximum width

by Peter deHaan on September 5, 2007

in ToolTip

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.

{ 2 comments… read them below or add one }

1 ziki September 30, 2007 at 7:00 am

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?

Reply

2 dayHiker December 14, 2008 at 8:38 pm

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

Reply

Leave a Comment

Sorry, this blog is terrible at eating HTML comments.
If you're pasting any HTML/XML/MXML code, you need to convert your < characters to &lt; and your > characters to &gt; .

You can 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

Previous post:

Next post: