Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [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]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Collapse]Docking and Popups
   [Expand]Docking
   [Expand]Loading Panel
   [Collapse]Hint
     Overview
   [Expand]PopupControl
  [Expand]Navigation and Layout Extensions
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Charts
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Tree List
  [Expand]Data Editor Extensions
  [Expand]Report Extensions
  [Expand]SpellChecker
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Overview

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.

How would you rate this topic?​​​​​​​