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
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Collapse]Docking and Popups
   [Expand]Product Information
   [Expand]Docking
   [Collapse]Hint Control
     Overview
    [Expand]Task-Based Help
   [Expand]Loading Panel
   [Expand]Popup Control
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Expand]Data Editors
  [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]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

Overview

The DevExpress ASP.NET Hint Control (ASPxHint) 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 ASPxHint's visual elements:

Expanded Server-Side Features

  • Customizable Content

    It is possible to specify a hint's content using the properties shown in the following table:

    Property Description
    ASPxHint.Title, ASPxHint.TitleAttribute Specifies a hint's title text.
    ASPxHint.Content, ASPxHint.ContentAttribute Specifies a hint's content text.
  • Customizable Trigger Action

    The ASPxHint.TriggerAction property allows you to specify which user action triggers a hint (click or mouse over).

  • Animation

    Property Description
    ASPxHint.Animation Specifies whether it should use animation effects when a hint appears.
    ASPxHint.AllowShift Specifies whether to shift a hint if its content and title are hidden outside of the client area.
    ASPxHint.AllowFlip Specifies whether to flip the hint to the opposite position relative to the target element.

  • Positioning

    It is possible to specify a hint's position using properties shown in the table below.

    Property Description
    ASPxHint.Position Specifies a hint position relatively to the target element.
    ASPxHint.X, ASPxHint.Y Specifies the X and Y positions of the hint on the form.
  • Customizable Size

  • The ASPxWebControl.Width and ASPxWebControl.Height properties allow you to specify a hint's size.

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 on a form with the specified style settings. Hovering on 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.

Expanded Demos

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

Expanded See Also

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