How to Set Tooltip for Commands in ASP.NET CORE Toolbar

26 Aug 20261 minute to read

The tooltipText property of the Toolbar item is used to set an HTML Tooltip to the commands that can be viewed as hint text on mouse hover.

Initialize the Tooltip with the Toolbar target. Refer to the following code example:

<ejs-toolbar id="defaultToolbar" width="300">
    <e-toolbar-items>
        <e-toolbar-item type="Button" text="Cut" tooltipText='Cut'></e-toolbar-item>
        <e-toolbar-item type="Button" text="Copy" tooltipText='Copy'></e-toolbar-item>
        <e-toolbar-item type="Button" text="Paste" tooltipText='Paste'></e-toolbar-item>
        <e-toolbar-item type="Button" text="Undo" tooltipText='Undo'></e-toolbar-item>
        <e-toolbar-item type="Button" text="Redo" tooltipText='Redo'></e-toolbar-item>
    </e-toolbar-items>
</ejs-toolbar>
public ActionResult Index()
{
    return View();
}

The output looks like the following.

Alt text