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.8k 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

        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

        With your input, this post could be even better 💗

        Register Login
        • 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