I have a menu that I want to add tooltips to. So far, I have added a tooltip, but it is for the entire menu and I would like different tooltips for each menu item.
Is this possible and if so, how would I do it?
Here is the code I have so far:
Is this possible and if so, how would I do it?
Here is the code I have so far:
<
div
style
=
"background-color: #41526e; float: left"
>
@(Html.Kendo()
.Menu()
.Name("Menu")
.Items(items =>
{
items.Add().Text("Home").Action("Index", "Home").ImageUrl(Url.Content("~/Images/Home.png"));
items.Add().Separator(true);
items.Add()
.Text("Search")
.Action("Search", "Catalog")
.ImageUrl(Url.Content("~/Images/Search.png"));
items.Add().Separator(true);
items.Add()
.Text("First Action")
.Action("FirstAction", "Catalog")
.ImageUrl(Url.Content("~/Images/Promote.png"));
items.Add().Separator(true);
items.Add()
.Text("Second Action")
.Action("SecondAction", "Catalog")
.ImageUrl(Url.Content("~/Images/Promote.png"));
items.Add().Separator(true);
items.Add()
.Text("Subscription Stuff")
.Action("Index", "Subscription");
items.Add().Separator(true);
items.Add()
.Text("Schedule Stuff")
.Action("CreateSchedule", "Subscription");
})
.Orientation(MenuOrientation.Vertical)
)
@(Html.Kendo()
.Tooltip()
.For("#Menu")
//.Filter("button")
.AutoHide(true)
.Content("Greetings, Puny Earthling! This is a tooltip for your edification.")
.Position(TooltipPosition.Top)
.Width(200)
)
</
div
>
TIA<
Bob