Icon selection about our.umbraco.umbnav

[tzbarkan]

One way you could do that is by adding the relevant custom class to the item. Then when you're rendering your menu, use that class, and build the link manually:

<a href="@item.Url()" target="@item.Target"><i class="fas @item.CustomClasses"></i>@item.Title</a>

Edit: fixed error in my code. Thanks Aaron.

[AaronSadlerUK]

@nzdev I will need to look into this.

I will probably add a setting which will allow you to set this at data type level.

PRs welcome

[allysonhw]

How can I get the Url of the Image/Icon?

[AaronSadlerUK]

@allysonhw The image is stored as an IPublishedContent, so you can use the normal process such as .Url() or .GetCropUrl()

[AaronSadlerUK]

I had a choice when I implemented the image picker.

Originally it was a free text field, however I felt that wasn't user friendly.

I'm not sure how I could implement both an icon (free text) and image picker side-by-side.

Open to suggestions at this point 😕

[AaronSadlerUK]

One way you could do that is by adding the relevant custom class to the item. Then when you're rendering your menu, use that class, and build the link manually:

<a href="@item.Url()@item.Anchor" target="@item.Target"><i class="fas @item.CustomClasses"></i>@item.Title</a>

@tzbarkan item.Url() should contain the Anchor automatically, and you shouldn't need to specify both properties

[nzdev]

An image picker with the option to restrict by folder and type would work well.