Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Bryan C
30
Grid Toolbar Hover Over Tooltip
posted

Is there any way to create a tooltip so that when the grid toolbar is enabled, the column hiding and column pinning buttons can show a tooltip when the mouse hover overs the button? I'm looking to label those buttons with what it does (e.g Column Pinning), so when the user hovers over it, the user can see what the button does.  

If not, would it be implemented in future versions? 

Parents
  • 1080
    Offline posted

    Hello,

    Thank you for posting in our community.

    To display a tooltip over each of the buttons you can use the title attribute. You can set it for both of the buttons, inside the AfterViewInit hook:

    public ngAfterViewInit() {
	this.grid.toolbar.columnHidingButton.element.nativeElement.title = "Column Hiding";
	this.grid.toolbar.columnPinningButton.element.nativeElement.title = "Column Pinning";
}

Reply Children