Open Closed

SVG Duotone icon in menu #10797


0
joe704la created

Prerequisites

Please answer the following questions before submitting an issue. YOU MAY DELETE THE PREREQUISITES SECTION.

  • What is your product version? 11
  • What is your product type (Angular or MVC)? Angular
  • What is product framework type (.net framework or .net core)? .NET 6

Is there anyway to put a SVG Duotone icon like how Metronic has it in their demo in ASP.net zero? I tried it in the app-navigation.service.ts but didn't realize that just adds that string as a css class.

Any help would be much appreciated


1 Answer(s)
  • 0
    musa.demir created
    Support Team

    Hi joe704la

    It is not implemented. Here are the places you will need to update to implement it:

    https://github.com/aspnetzero/aspnet-zero-core/blob/6e4f6cbe049102aa3c99308eded095d6e28c57d3/angular/src/app/shared/layout/nav/top-bar-menu.component.html#L105

    https://github.com/aspnetzero/aspnet-zero-core/blob/6e4f6cbe049102aa3c99308eded095d6e28c57d3/angular/src/app/shared/layout/nav/side-bar-menu.component.html#L95-L97

    And update app-menu item to store svg info: https://github.com/aspnetzero/aspnet-zero-core/blob/dev/angular/src/app/shared/layout/nav/app-menu-item.ts