Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes


Hint on left
Hint on top
Hint on bottom
Hint on right
Apply Changes

Hint extension provides the capability to generate its content on demand and display it within a box with an arrow targeting the specified UI element on a web page.

This demo illustrates the primary features provided by the Hint extension in action.

ShowCallout. This option specifies whether a hint callout displays.

Animation. This option enables animation when a hint appears.

Title. Use this option to specify the hint title text.

TriggerAction. Use this option to specify a trigger action to show a hint.

  • None - No actions display a hint.
  • Hover - A hint displays when a user hover a page UI element.
  • Click - A hint displays when a user clicks a page UI element.

AppearAfter. This option specifies the delay in displaying a hint.

DisappearAfter. This option specifies the delay after which a hint disappears.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxDockAndPopupsDemos