Search results

Set Essential JS 2 Tooltip to the commands in ASP.NET Core Toolbar control

22 Jul 2021 / 1 minute to read

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

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

tagHelper
tooltip.cs
Copied to clipboard
<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>
Copied to clipboard
public ActionResult Index()
{
    return View();
}

Output be like the below.

Alt text