Is there a way to put an image into a menu? I tried putting an image into the pre or into the name but neither of those worked. name = ‘[Sensr.net Cloud DVR for your Security camera]’ Is there some way to put HTML into the name so it ends up on the menu maybe? Cheers, Adam

Your string quoting is wrongful. Try “” (double quotes) on the outside, and use ’ (single) quotes for attribute values. For example: pre = "<i class='fa fa-newspaper-o' aria-hidden='true'></i>"

[image] adamb: name = ‘<img src=“/img/logo-1-4-12.png” alt=“ Sensr.net Cloud DVR for your Security camera”>’ No luck. The entire string just shows up as the menu name instead of the image. Thanks for trying though! Cheers, Adam

Your string quoting is wrongful. Try “” (double quotes) on the outside, and use ’ (single) quotes for attribute values. For example: pre = "<i class='fa fa-newspaper-o' aria-hidden='true'></i>" Use double quotes outside. Use single quotes for attribute values. name = '<img src="/img/logo-1-4-…

[image] Hash_Borgir: “<img src=‘/img/logo-1-4-12.png’ alt=‘ Sensr.net Cloud DVR for your Security camera’>” For example: [[menu.main]] name = "Home" url = "/" weight = 1 pre = "<img src='/img/og.jpg' style='height: 20px; width: 20px;' alt='test menu image'>" You can view the…

You don’t have to mix single/double quotes if you don’t want to. I just do it b/c it keeps it readable/cleaner for me. Feel free to escape the attribute double quotes w/ a backslash if you wish to use only double quotes. [[menu.main]] name = "Home" url = "/" weight = 1 pre = "<img …

Could you just include the image url in the menu item list and then put all the styling and whatnot in the template? Like: [[menu.main]] ... img = "/img/og.jpg" alt = "test menu image" template.html: <img src="{{ .img }}" alt="{{ .alt }}" />

Images in menus?

support

Topic		Replies	Views
Images in Menu Entries support	4	907	September 17, 2021
Menu-item URL not encoding properly support	2	650	October 6, 2017
[SOLVED] Adding a dedicated icon to each menu entry support	4	2485	October 6, 2018
External link logo on menu item support menu	7	1090	May 12, 2023
What is .Pre? support	6	616	January 17, 2023

Images in menus?

Related topics