Applying styles to ToolTip.(Change the default style of ToolTip)

The default style of ToolTip is really dull,so we can change this by defining our own style.

This we can do by using inline or external styles, and use the properties in this to manupulate the styles.The below example shows a simple style applyed in External.

ToolTip {
backgroundColor: #000000;
color: #ffffff;
fontFamily: Arial Black;
fontSize: 12;
fontWeight: normal;
}

Now save the file as tooltip.css and include it in the flex app using the tag <style>

or define it in the <style> tag in the flex app itself. Now ur ToolTip styles are ready.

Explore with many more properties in ToolTip using the ToolTipmanager Class.

2 Responses to “Applying styles to ToolTip.(Change the default style of ToolTip)”

  1. Al Says:

    How do you apply different styles if you have multiple tooltips within application.

    Like, 1 tooltip will be red, another tooltip will be green, etc.

    How to declare this style function?

    Please help

  2. kumargandhi Says:

    You can do this by CustomToolTip Component and there’s a post in my blog on it take a look, its pretyy simple. or can leave a comment will make one for you.

    regards,
    kumar.

Leave a Reply