Stacking fontawesome icons in the menuItem

[danwwilson]

When attempting to stack icons in the menuItem I encounter the error "Error: Expected tag to be of type i"

Code used is: menuItem("test stack", tabName = "t_donorTrends", icon = span(class="fa-user fa-plus", icon("user", "fa-stack-1x"), icon("ban", "fa-stack-2x")))

I presume that this is because the icon = expects to see icon = icon(...) rather than a span(). Unfortunately if I ditch the icon = ... it doesn't apply an icon to my menuItem

Any thoughts how we can bring this useful feature to shinydashboard?

[dmpe]

Hi @danwwilson ,
Sorry for late answer. I am trying to reproduce your example and yes i got that message too with this https://gist.github.com/dmpe/0e3bdf2ec802fd8aaabe.

• However, you most probably meant to have fa fa-user-plus, not fa-user fa-plus. Is that correct? Because that is what I was able to find: http://fortawesome.github.io/Font-Awesome/icon/user-plus/
• I am able to reproduce with the missing fa fa-user-plus icon using https://gist.github.com/dmpe/0ed922e7ee079f6a1aa8
• Got it, it is because shiny from CRAN uses 4.2 instead of 4.3 where this icon has been firstly added.. Basically this is very old version: https://cran.r-project.org/web/packages/shiny/index.html
  You must install from github. Just btw: see Upgrade Font Awesome to 4.5 shiny#1024, which I have already filed.

library(devtools)
devtools::install_github("rstudio/shiny")

    menuItem(
      "test stack",
      icon = icon("fa fa-user-plus"),
      icon("user", "fa-stack-1x"),
      icon("ban", "fa-stack-2x")
    )

As they & you write the icon must be inside <i> tag thus span is will not work. But you can also try something like:

    menuItem(
      "test stack",
      icon = icon("fa fa-user-plus"),
      icon("user", "fa-stack-1x"),
      icon("ban", "fa-stack-2x"),
      span(shiny::icon("fa fa-user-plus"))
    )

to produce

. Does that help you ?

Source:

shinydashboard/R/dashboardHeader.R

Line 121 in 2286c18

span(shiny::icon("bars"), style = "display:none;"),

[danwwilson]

My approach to stacking was to circumvent the missing icons from FontAwesome V4.2. However it would be great if it was possible to stack icons against the menuItem within shinydashboard

[dmpe]

Could you maybe provide some example, please? Thank you!