MagicMirror² v2.7.0 is available! For more information about this release, check out this topic.

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


  • Module Developer

    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

    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


  • Project Sponsor Module Developer

    @Aruta79

    Fantastisk! (The one Norwegian word I know). 👍