[Expand]General Information
[Collapse]WinForms Controls
 [Expand]What's Installed
 [Expand]Build an Application
 [Expand]Controls and Libraries
 [Collapse]Common Features
  [Expand]Data Binding Common Concepts
  [Expand]Data Source Wizard
  [Expand]Application Appearance and Skin Colors
  [Expand]Filtering UI Context
  [Expand]High DPI Support
  [Expand]Scaffolding Wizard
  [Expand]Formatting Values
   HTML Text Formatting
  [Collapse]Tooltip Management
    How to: Customize Tooltips for XtraGrid and CheckBox Using the ToolTipController
    How to: Customize Tooltips Using the Default ToolTipController
    How to: Add Tooltips for the Row Indicator in XtraGrid
    How to: Create SuperToolTips In Code
    ToolTipController Component
    ToolTip Types
    Setting ToolTips for DevExpress Controls
    Setting ToolTips for Third-Party Controls
    Creating SuperToolTips
    Hyperlinks in Tooltips
  [Expand]Saving and Restoring Layouts to a File, Stream and System Registry
   Clipboard - Copy and Paste Operations. Data Formatting
   Version Compatibility: Default Property Values
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Creating SuperToolTips

Expanded Creating SuperToolTips at Design Time

For controls/components that support SuperToolTips, you can easily edit tooltips via a specially designed Editor. To open this editor, select the control/component that provides a SuperToolTip property, then switch to this property and click the ellipsis button (...) in the Properties grid.

This opens the SuperToolTip Editor, which allows you to edit a tooltip.

Using this editor, you can create a SuperToolTip consisting of up to three text/image regions (Header, Content and Footer). However, when building a SuperToolTip in code, you can create any number of regions. See the section below for more information.

The SuperToolTip Editor provides a preview pane with which you can see the results of your customization immediately.

If the Allow Html Text option is enabled, you can use a set of HTML tags to format tooltip text. This feature can also be enabled in code via the SuperToolTip.AllowHtmlText property.

After a SuperToolTip has been specified, you can customize additional tooltip settings (for instance, padding and distance between regions, etc.). Simply expand the SuperToolTip property in the Properties grid and set the settings appropriately.

It is not possible to modify the appearance of individual regions at design time. You can only do this in code.

Expanded Creating SuperToolTips at Runtime

When creating a SuperToolTip in code, you need to create and initialize a SuperToolTip object.

Structurally, a SuperToolTip consists of regions that are represented by specific tooltip Items. So to construct a SuperToolTip, you should create tooltip Items and add them to the SuperToolTip.Items collection.

There are three tooltip Items that you can use to construct SuperToolTips.

  • A regular tooltip item (ToolTipItem) allows some text and image to be displayed. The image can be positioned at the left or right edge of the item's text.
  • A title tooltip item (DevExpress.Utils.ToolTipTitleItem) is designed to represent headers and footers within a tooltip window. This item is similar to a regular tooltip item. The only difference is in the default appearance and indentation settings used to paint the item.
  • A separator tooltip item (DevExpress.Utils.ToolTipSeparatorItem) represents a separator line.

The following image identifies the tooltip Items for a sample SuperToolTip.

Tooltip Items can be created directly using their constructors or indirectly via the SuperToolTip.Setup method. The following example demonstrates these two approaches: How to: Create SuperToolTips In Code.

Is this topic helpful?​​​​​​​