Toolbar Drop-Down Buttons tooltip

[ICT]

Hello,

Is there a way to display a tooltip in the dropdown button dropdown items?

thanks!

B

[Hetali]

Hi Benedetta,

We have a dedicated article to render tooltips for Grid cells. Using this example, add the ToolBarDropDownButtonComponent in the Kendo UI ToolBar and append the popup to the component in the popupSettings. For example:

<div kendoTooltip
  filter=".k-item"
  (mouseover)="showTooltip($event)"
>
  <kendo-toolbar>
    <kendo-toolbar-dropdownbutton  
      [popupSettings]="{ appendTo: 'component' }"
    >
    </kendo-toolbar-dropdownbutton>
  </kendo-toolbar>
</div>

public showTooltip(e: MouseEvent): void {
  const element = e.target as HTMLElement;
  if (element.nodeName === 'LI') {
    this.tooltipDir.toggle(element);
  } else {
    this.tooltipDir.hide();
  }
}

In this StackBlitz example, tooltip is displayed when you hover over the ToolBarDropDownButton items.

Additionally, I noticed that you have a Kendo UI - Priority Support license that comes with a 24 hour response time. To take advantage of this, please submit a support ticket in the future.

I hope this information helps. Please let me know if I can further assist you.

Regards,
Hetali
Progress Telerik