When To Show a Hint

• Feb 02, 2023

The DevExpress Hint can be displayed in two ways.

• In response to user interaction by specifying the HintSettings.TriggerAction property in the HTML markup.

  C#

  @Html.DevExpress().Hint(
      settings => {
          settings.Name = "hint";
          settings.TargetSelector = ".myImage";
          settings.TriggerAction = HintTriggerAction.Click;
      }).GetHtml()
  

• Programmatically on the client using the ASPxClientHintOptions.triggerAction property in the ASPxClientHint.Register client-side method.

  C#

  <img src="~/Content/myImage.png" class="myImage">
  
  @Html.DevExpress().Button(
      settings => {
          settings.ClientSideEvents.Click = "function(s, e) { ASPxClientHint.Register('.myImage', { content: 'sample content', triggerAction: 'hover'} ); }";
          settings.Name = "button1";
          settings.Text = "Button";
          settings.Width = 80;
      }).GetHtml()