[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Collapse]Docking and Popups
   [Expand]Product Information
   [Expand]Docking
   [Collapse]Hint Control
     Overview
    [Expand]Task-Based Help
   [Expand]Loading Panel
   [Expand]Popup Control
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [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]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Overview

The DevExpress ASP.NET Hint Control (ASPxHint) allows generating a hint message for a UI element on a web page. A hint is displayed within a box with an arrow targeting the specified UI element in response to user interaction.

Expanded Visual Elements

The following image illustrates the ASPxHint's visual elements:

Expanded Server-Side Features

Expanded Client-Side Features

Expanded Getting Started

  • Step 1. Create a new website or open an existing one in Visual Studio. Locate the ASPxHint item in the Visual Studio toolbox and drop it onto the form.

  • Step 2. Add a button to a form with the specified style settings. Hovering the mouse pointer over this button displays a hint.

  • Step 3. Set the hint's ASPxHint.TargetSelector and ASPxHint.Content properties to specify web page element(s) for which the hint displays and the hint's content, respectively.

  • Step 4. Run the website to see the result.

Note

Use the ASPxClientHint.Update method to update the ASPxHint’s target UI elements as the hint doesn’t automatically inspect the changes in the DOM tree if any element has been removed or added on the page.

Expanded Demos

You can see the ASPxHint in action in the following online demos:

Expanded See Also

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