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.

    pages and simple back groung slidswhows

    Scheduled Pinned Locked Moved Entertainment
    8 Posts 2 Posters 95 Views 2 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.
    • S Offline
      sdetweil @videogame95
      last edited by

      @videogame95 sorry, I don’t understand ‘this page’

      Always showing goes with fixed
      Others have names I. The modules section
      Or
      classes: at the modules

      Page indicator should be in the fixed section

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • V Offline
        videogame95 @videogame95
        last edited by

        Is there a way of video to the page I can add pictures of my screen if possible Sorry I forgot to add this into my other part of the post,

        Thank you for any help

        1 Reply Last reply Reply Quote 0
        • V Offline
          videogame95
          last edited by

          back gound slide show is a 3rd party module
          it rolls over images about 5 image tress waterfalls etc I’ve change some of the pictures to my own .

          1 Reply Last reply Reply Quote 0
          • V Offline
            videogame95
            last edited by

            let config = {
            address: “localhost”,
            port: 8080,
            basePath: “/”,
            ipWhitelist: [“127.0.0.1”, “::ffff:127.0.0.1”, “::1”],

            language: "en",
            locale: "en-GB",
            timeFormat: 24,
            units: "metric",
            
            modules: [
            	{
            		module: "alert",
            	},
            	{
            		module: "updatenotification",
            		position: "top_bar"
            	},
            	{
            		module: "clock",
            		position: "top_left",
            	},
            	{
            		module: "calendar",
            		position: "top_left",
            		config: {
            			calendars: [{
            				symbol: "calendar-check",
            				url: "https://calendar.google.com/calendar/ical/jamesharris4191%40gmail.com/private-a9dbbb5842466e98dfa403a4f00fc787/basic.ics"
            			}]
            		}
            	},
            	{
            		}
            	},
            	{
            		module: "MMM-UKNationalRail",
            		position: "top_left",
            		module: "weather",
            		position: "top_right",
            		config: {
            			weatherProvider: "openmeteo",
            			type: "current",
            			lat: 51.575,
            			lon: 0.180
            		}
            	},
            	{
            		module: "MMM-BackgroundSlideshow",
            		position: "fullscreen_below",
            		config: {
            			imagePaths: ["modules/MMM-BackgroundSlideshow/exampleImages/"],
            			transitionInterval: 20000,
            			slideshowSpeed: 20000,
            		header: "Romford Station",
            		config: {
            			stationCode: "ROM",
            			app_id: "099938b9", // <--- CHANGE THIS
            			app_key: "6ef71984b273400141cb5dbc847aed00", // <--- CHANGE THIS
            			maxResults: 5,
            			updateInterval: 600000 // 10 minutes
            		}
            	},
            	{
            		module: "MMM-UKLiveBusStopInfo",
            		position: "top_right",
            		header: "Romford Market Buses",
            		config: {
            			atcocode: "490011659G",
            			app_id: "099938b9", // <--- CHANGE THIS (same as above)
            			app_key: "6ef71984b273400141cb5dbc847aed00", // <--- CHANGE THIS (same as above)
            			nextBuses: "yes", 
            			showRealTime: true,
            			updateInterval: 300000 // 5 minutes
            		}
            	},
            	{
            		module: "MMM-page-indicator",
            		position: "bottom_bar",
            		config: { pages: 4 }
            	},
            	{
            		module: "MMM-pages",
            		config: {
            			modules: [
            				["calendar", "weather", "clock"], 
            				["MMM-SoccerLiveScore"], 
            				["MMM-UKNationalRail", "MMM-UKLiveBusStopInfo"], 
            				[]
            			],
            			fixed: ["alert", "updatenotification", "MMM-BackgroundSlideshow", "MMM-page-indicator"],
            			timings: { default: 20000 }
            		}
            	}
            ]
            

            };

            if (typeof module !== “undefined”) {module.exports = config;}

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @videogame95
              last edited by sdetweil

              @videogame95

              What is this?

              UKLiveBusStopInfo"], 
              				[] <—————-
              

              Can’t have a page with no modules defined on it

              Mmm-pages is all in browser, so open the browser console

              ctrl-shift-i
              Select the console tab
              Add pages to the filter field

              also, for MMM-page-indicator, it can figure out how many pages you have defined, so this

              		config: { pages: 4 }
              

              is not necessary (and misleading, when you have only 3 pages, technically)

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              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