• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

MMM-navbar (for use with MMM-Page-Selector)

Scheduled Pinned Locked Moved System
2 Posts 2 Posters 1.7k Views 3 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • A Offline
    Aruta79 Module Developer
    last edited by Aruta79 Mar 10, 2019, 9:00 PM Mar 10, 2019, 8:58 PM

    MMM-navbar

    My version of a navigation bar for Touchscreen’s for MagicMirror². The base for this was taken from MM-navbar by chr1syy, but I have rewritten it to be more generic and compatible with MMM-Page-Selector

    0_1552250702721_8621fb3c-b1d3-44af-ac86-99e6d83bc71a-image.png

    [card:Aruta79/MMM-navbar]

    Installation

    cd ~/MagicMirror/modules/
    git clone https://github.com/Aruta79/MMM-navbar.git
    

    Usage

    Add this to your config.js:

    		{
    			module: "MMM-navbar",
    			position: "top_center",
    			config: {
    				pages: [
    					{ icon: "fas fa-home", name: "main" },
    					{ icon: "fas fa-calendar", name: "calendar" },
    					{ icon: "fas fa-music", name: "media" },
    					{ icon: "fas fa-tools", name: "tools" },
    				]
    			}
    		},
    
    

    In the MMM-Page-Selector page configuration, the MMM-navbar module should be included in exclusions, to make it visible on every page.

    Configuration:

    • pages lists pages to switch to. They should be in the same order as defined in MMM-Page-Selector, as the notification “SELECT_PAGE” will be sent by page number
    • icon defines Font Awesome icon identifier

    The navigation bar also includes an additional icon to immediately trigger the screensaver using xscreensaver

    Tested

    used on RPI 3 with MagicMirror 2.6.0, node.js 8.15.1

    M 1 Reply Last reply Mar 10, 2019, 9:07 PM Reply Quote 1
    • M Offline
      Mykle1 Project Sponsor Module Developer @Aruta79
      last edited by Mar 10, 2019, 9:07 PM

      @Aruta79

      Fantastisk! (The one Norwegian word I know). :thumbsup:

      Create a working config
      How to add modules

      1 Reply Last reply Reply Quote 0
      • 1 / 1
      1 / 1
      • First post
        1/2
        Last post
      Enjoying MagicMirror? Please consider a donation!
      MagicMirror created by Michael Teeuw.
      Forum managed by Sam, technical setup by Karsten.
      This forum is using NodeBB as its core | Contributors
      Contact | Privacy Policy