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

      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

      Mykle1M 1 Reply Last reply Reply Quote 1
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @Aruta79
        last edited by

        @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
        • First post
          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