[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors Extensions
  [Collapse]Docking and Popups
    [Expand]Task-Based Help
   [Expand]Loading Panel
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Extensions
  [Expand]Query Builder
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation


The DevExpress Hint (HintExtension) allows generating a hint message for a UI element on a web page. A hint displays within a box with an arrow targeting the specified UI element in response to user interaction.

Expanded Visual Elements

The following image illustrates the Hint control's visual elements:

Expanded Features

Expanded Implementation Detail

The HintExtension class realizes the Hint and can be accessed via the ExtensionsFactory.Hint helper method, which is used to add a Hint extension to a view. This method's parameter provides access to the Hint's settings implemented by the HintSettings class, allowing you to customize the extension fully.

The ASPxClientHint object represents the Hint's client counterpart.

Expanded Declaration

The Hint can be added to a view in the following manner.

View code (Razor):

The code result is demonstrated by the image below.

Expanded Demos

To see the Hint in action, review the following online demos:

  • Hint - Overview
    The demo illustrates how to get started with the Hint extension.

  • Hint - Features
    This demo shows main features of the Hint extension.

  • Hint - Load Content on Demand
    This demo illustrates how to create and populate a hint programmatically on the client side using our client-side functionality.

  • Hint - Hint for Text Ellipsis
    This demo illustrates how to use the Hint extension instead of standard tooltips.

  • Hint - Choosing a Seat
    This demo illustrates how to implement a model of a cinema hall and show ticket prices for different seats using the Hint extension.

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