From the category archives:

ToolTip

The following example shows how you can customize the appearance of a ToolTip in Flex 4 by overriding the ToolTip selector in an <fx:Style/> block, or using the StyleManager in ActionScript.

Full code after the jump.

[click to continue…]

{ 3 comments }

The following example shows how you can set the tooltip on the full screen button on a Spark VideoPlayer control in Flex Gumbo by setting the toolTip property on the fullScreenButton reference.

Full code after the jump.

[click to continue…]

{ 0 comments }

In a previous example, “Changing the background color of an error tip in Flex”, we saw how you could change the background color of a Flex error tip by setting the borderColor style on the .errorTip CSS selector.

The following example shows how you can style the Flex .errorTip style dynamically using ActionScript using the static StyleManager.getStyleDeclaration() and setStyle() methods.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can change the background color of a Flex error tip by setting the borderColor style on the .errorTip CSS selector.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can use an embedded font with an error tool tip in Flex.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows you how you can use a tool tip on a Flex TextInput control with its displayAsPassword property set to true. By mousing over the credit card number field in the form below, you can see your credit card number in a readable tool tip.

Want the short version? Use a simple binding to bind the tool tip text to the TextInput control’s text, as seen in the following snippet:

<mx:TextInput id="ccNumber"
        text="4111111111111111"
        displayAsPassword="true"
        toolTip="{ccNumber.text}" />

Looking for a longer version? Read on!

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows you how you can set tool tips on each element of the RichTextEditor control in Flex.

Full code after the jump.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

Adding animations and effects to Flex tool tips

by Peter deHaan September 4, 2007

The following example shows how you can add custom animation and effects when displaying a tool tip in Flex.
Full code after the jump.

Read the full article →

Controlling a Flex tool tip’s show delay, hide delay, and scrub delay

by Peter deHaan September 3, 2007

The following example shows how you can control how long Flex will wait to display a tool tip after the user moves the mouse over a control, how long the tool tip will be visible before disappearing and how long a user can take when moving the mouse between controls before Flex waits to display [...]

Read the full article →

Globally disabling tool tips using the Flex ToolTipManager class

by Peter deHaan September 3, 2007

The following example shows how you can enable and disable tool tips globally within a Flex application by setting the ToolTipManager.enabled property.
Full code after the jump.

Read the full article →

Customizing a Flex ToolTip instance’s appearance using styles

by Peter deHaan September 1, 2007

The following example shows how you can customize the appearance of the Flex ToolTip using a <mx:Style /> block.
Full code after the jump.

Read the full article →