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 93 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.
    • V Offline
      videogame95
      last edited by

      Hi have simple background slide show and pages install ill add the config at a later date I’v renamed images pic1 pic2 and up 4pic pic 5 the only pic to show up is
      pic1 the picture are in folder called images my clock comes on page 1 when it changes to page 2 should pic2 and google calendar thats working fine but no pic 2 or 3, 4, 5,
      picture should. came up on all pages .

      ill add the config.js file tomorrow
      any help how to add the code this forum?

      any suggestions help please

      S V 2 Replies Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @videogame95
        last edited by sdetweil

        @videogame95 what module for the background?
        Is the module for images listed in the fixed section of pages config
        What do you mean renamed the pics?

        Are you doing this thru css?

        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
          last edited by

          Hi using back round slide show 3rd party module I have install page indicator
          how do i add code to this page and ill add it in next time . I’ve tried adding London for transport Timetable But unfortunately its not showing up even when I’ve added the API keys off the site Any help The problems are heavy.

          thank you

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            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 Do not disturb
                    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