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
   [Collapse]Hint
     Overview
    [Collapse]Task-Based Help
      Where To Locate a Hint
      How to Set Hint Content
      When To Show a Hint
   [Expand]Loading Panel
   [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]ASP.NET Core 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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Where To Locate a Hint

The DevExpress Hint allows you to specify where hints are displayed on a web page in two ways:

Expanded Setting a Target Element

A target element is a DOM-element that invokes a hint window pointing to this element in response to user interaction (hovering the mouse pointer over it, clicking it, etc.) if the callout (HintSettings.ShowCallout) is enabled.

To specify a hint's target element, use one of the following ways:

  • The HintSettings.TargetSelector property

    This property specifies for which UI elements a hint is displayed.

  • The ASPxClientHint.Show client method

    Use the ASPxClientHint.Show method to invoke a hint. The method's first argument is a target element CSS selector or an HTML DOM node that is the target element itself.

  • The ASPxClientHint.Register client method

    Use the Register() client method to register a hint's functionality with the specified settings (target element, trigger action, content, etc.). The method's first argument is a target element CSS selector that specifies the UI elements on a web page for which a hint is displayed.

    Note that a call to the Register() method does not immediately invoke a hint window. This method just registers a hint within a web page and allows end-users to invoke the hint (using the specified trigger action over the selected target element). To display a hint immediately, use the Show() method.

Expanded Setting X/Y Coordinates

To display a hint at precise X/Y coordinates without targeting a UI element, use one of the following ways:

  • The HintSettings.X and the HintSettings.Y properties.

  • The ASPxClientHint.Show (ASPxClientHintOptions options) client method to show a hint at the specified position.

Expanded See Also

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