How can I have both the drop down and the icon for my page?

[aditya-kothari]

Hi All,

I am wondering if someone can help me use multiple parameters for Pages on flexdashboard.

for example, to declare a new page we use the below code:

NewPage

=========================

now within this page we have option to declare page parameters like orientation, navmenu (for drop downs), page icons etc. But I am unable to use both.

for example the below code doesn't work:

NewPage {data-navmenu="Menu A"} {data-icon="fa-list"}

=============================

How can I have both the drop down and the icon for my page?

[jjallaire]

You would do it this way:

NewPage {data-navmenu="Menu A" data-icon="fa-list"}

[aditya-kothari]

Hi,

Thanks for the quick response but doing this is inserting icons for the pages that are in the drop down. I need the icon for "Menu A" and not "New Page" or "Page 1" , "Page2" as per below. See below snapshot:

And here is the sample code used. (I apologize if I wasn't clear in the first place)

---

title: "Page Navigation Menus" output: flexdashboard::flex_dashboard

---

Page 1 {data-navmenu="Menu A" data-icon="fa-list"}

=====================================

Page 2 {data-navmenu="Menu A" data-icon="fa-list"}

=====================================

Page 3 {data-navmenu="Menu B"}

=====================================

Page 4 {data-navmenu="Menu B"}

=====================================

[jjallaire]

Sorry about that, there is actually no way currently to set an icon for the menu.

[aditya-kothari]

No problem. BTW is there a new version of flexdashboard releasing anytime in the future?

[jjallaire]

It looks like the are a couple of bugs fixed on master that we don't yet have on CRAN so we'll do a release for those soon. Is there anything else you are looking for in a new release?

[aditya-kothari]

If you would be able to add the below to the newest release that would be great:

• Collapsible sidebar (just like Shiny Dashboard)
• Option to add notifications on the top right side of navigation bar (like alerts, messages e.t.c)
• And obviously the option to set icons for the menu. ;)

Thanks a lot for asking! :)

[jjallaire]

Those features aren't likely to make it into flexdashboard soon (all good ideas of course) mostly because they are well covered by shinydashboard (which in general provides much higher fidelity control over UI at the expense of some additional code).

[dsaada]

hello,

any update on this?

[cpsievert]

Seems this is a duplicate of https://github.com/rstudio/flexdashboard/issues/88

[AnotherDataGuy]

A workaround for this issue might be adding Unicode icons to the data-navmenu :

Page 1 {data-navmenu="🕮 Menu A" data-icon="fa-list"}

=====================================

Page 2 {data-navmenu="🕮 Menu A" data-icon="fa-list"}

=====================================

Page 3 {data-navmenu="� Menu B"}

=====================================

Page 4 {data-navmenu="� Menu B"}

=====================================

See https://www.utf8icons.com/ for a complete list