How to add a logo picture on the top menu?

[YN]

Hi Telerik experts,

 

Could you educate me add a logo picture on the top menu, like this picture showed.  Thanks a lot!

 

 

[Ivan Danchev]

Hello Sarah,

Use the following Menu configuration and set the first Menu item's ImageUrl. It should point at an image that you have in your project or to some external url, as shown below:

@(Html.Kendo().Menu()
    .Name("menu2")
    .Items(items =>
    {
        items.Add().Text("").ImageUrl(Url.Content("https://upload.wikimedia.org/wikipedia/en/thumb/2/20/Progress_Logo.png/70px-Progress_Logo.png"));
        items.Add().Text("Explore");
        items.Add().Text("Problems");
    })
)

The first item's text is not set so that only an image is displayed.

Regards,
Ivan Danchev
Progress Telerik