Ngx-admin: Use font-awesome in Menu sidebar

Created on 14 Dec 2016  路  2Comments  路  Source: akveo/ngx-admin

  • I'm submitting a ...
    [ ] bug report
    [ ] feature request
    [ ] question about the decisions made in the repository

  • Do you want to request a feature or report a bug?

  • What is the current behavior?
    How can I use Font-awesome in menu sidebar

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
    https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

  • What is the expected behavior?

  • What is the motivation / use case for changing the behavior?

  • Please tell us about your environment:

  • Angular version: 2.0.0-rc.X

  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Most helpful comment

just change the icon value in pages.menu.ts

example:

 {
        path: 'manager',
        data: {
          menu: {
            title: 'Manager Dashboard',
            // icon: 'ion-android-home',
            icon: 'fa fa-book',
            selected: false,
            expanded: false,
            order: 0
          }
        }
      },

sample_icon

All 2 comments

just change the icon value in pages.menu.ts

example:

 {
        path: 'manager',
        data: {
          menu: {
            title: 'Manager Dashboard',
            // icon: 'ion-android-home',
            icon: 'fa fa-book',
            selected: false,
            expanded: false,
            order: 0
          }
        }
      },

sample_icon

@burger1992 what about ionicons? how should use this pack?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

lopn picture lopn  路  4Comments

tal-shahar picture tal-shahar  路  3Comments

queirozfcom picture queirozfcom  路  4Comments

Kalaijagdai picture Kalaijagdai  路  4Comments

nfdavenport picture nfdavenport  路  3Comments