The requested page is not available for the requested platform. You are viewing the content for Default platform.

Overview

  • 3 min to read

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.

ASPxHint-Overview

Visual Elements

The following image illustrates the ASPxHint's visual elements:

ASPxHint-VisualElements

Server-Side Features

Client-Side Features

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.

    ASPxHint-GettingStarted-Form

    
    <dx:ASPxHint ID="ASPxHint1" runat="server"></dx:ASPxHint>
    
  • Step 2. Add a button to a form with the specified style settings. Hovering the mouse pointer over this button displays a hint.

    
    <style>
        .myClass[title] {/* style settings*/}
    </style>
    ...
    <asp:Button ID="Button1" CssClass="myClass" runat="server" Text="Button" />
    
  • 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.

    
    <dx:ASPxHint ID="ASPxHint1" TargetSelector=".myClass"  Content="Hint Content" runat="server"></dx:ASPxHint>
    
  • Step 4. Run the website to see the result.

    ASPxHint-GettingStarted-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.

Demos

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

See Also