• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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-Carousel not displaying

Scheduled Pinned Locked Moved Forum
96 Posts 4 Posters 45.8k Views 4 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.
  • P Offline
    pastormingle @mumblebaj
    last edited by sdetweil Dec 7, 2021, 4:37 PM Dec 7, 2021, 4:28 PM

    @mumblebaj hum… this is my config…

    /•
     *
     * By Michael Teeuw https://michaelteeuw.nl
     * MIT Licensed.
     *
     * For more information on how you can configure this file
     * see https://docs.magicmirror.builders/getting-started/configuration.html#general
     * and https://docs.magicmirror.builders/modules/configuration.html
     */
    let config = {
    	address: "localhost", 	// Address to listen on, can be:
    							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
    							// - another specific IPv4/6 to listen on a specific interface
    							// - "0.0.0.0", "::" to listen on any interface
    							// Default, when address config is left out or empty, is "localhost"
    	port: 8080,
    	basePath: "/", 	// The URL path where MagicMirror is hosted. If you are using a Reverse proxy
    					// you must set the sub path here. basePath must end with a /
    	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], 	// Set [] to allow all IP addresses
    															// or add a specific IPv4 of 192.168.1.5 :
    															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
    															// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
    															// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
    
    	useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
    	httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
    	httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true
    
    	language: "en",
    	locale: "en-US",
    	logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
    	timeFormat: 24,
    	units: "metric",
    	// serverOnly:  true/false/"local" ,
    	// local for armv6l processors, default
    	//   starts serveronly and then starts chrome browser
    	// false, default for all NON-armv6l devices
    	// true, force serveronly mode, because you want to.. no UI on this device
    
    	modules: [
    		{
    			module: "alert",
    		},
    		{
    			module: "updatenotification",
    			position: "top_bar"
    		},
    		{
    			module: "clock",
    			position: "top_left"
    		},
    		{
    			module: "calendar",
    			header: "US Holidays",
    			position: "top_left",
    			config: {
    				calendars: [
    					{
    						symbol: "calendar-check",
    						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"					}
    				]
    			}
    		},
    		{
    			module: "compliments",
    			position: "lower_third"
    		},
    		{
    			module: "weather",
    			position: "top_right",
    			config: {
    				weatherProvider: "openweathermap",
    				type: "current",
    				location: "New York",
    				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    				apiKey: "YOUR_OPENWEATHER_API_KEY"
    			}
    		},
    		{
    			module: "weather",
    			position: "top_left",
    			header: "Weather Forecast",
    			config: {
    				weatherProvider: "openweathermap",
    				type: "forecast",
    				location: "New York",
    				locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
    				apiKey: "YOUR_OPENWEATHER_API_KEY"
    			}
    		},
    		{
    			module: "newsfeed",
    			position: "bottom_bar",
    			config: {
    				feeds: [
    					{
    						title: "New York Times",
    						url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
    					}
    				],
    				showSourceTitle: true,
    				showPublishDate: true,
    				broadcastNewsFeeds: true,
    				broadcastNewsUpdates: true
    			}
    		},
            {
                module: 'MMM-Carousel',
                config: {
                    transitionInterval: 10000,
                    ignoreModules: [],
                    mode: 'global'
                }
            }
     	]
    };
    
    /*************** DO NOT EDIT THE LINE BELOW ***************/
    if (typeof module !== "undefined") {module.exports = config;}
    
    M S 2 Replies Last reply Dec 7, 2021, 4:36 PM Reply Quote 0
    • M Offline
      mumblebaj Module Developer @pastormingle
      last edited by Dec 7, 2021, 4:36 PM

      @pastormingle Are there any errors where you start the mirror? I.e. if you do npm start are there any errors in the terminal window or if you use pm2 you can check the pm2 logs. You can also check the Developer Console, do shift_ctrl + i and select the console tab. See if there are any errors there. If no errors you should see something like the below, modules suspended…module resumed
      a984130d-1aeb-4cf0-8a06-a93746a19df0-image.png
      c18f2dba-fb0f-4f55-b663-d4d47b5e56ce-image.png

      Check out my modules at: https://github.com/mumblebaj?tab=repositories

      P 2 Replies Last reply Dec 7, 2021, 4:50 PM Reply Quote 0
      • S Offline
        sdetweil @pastormingle
        last edited by Dec 7, 2021, 4:38 PM

        @pastormingle please use code block around config info

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        P 1 Reply Last reply Dec 7, 2021, 4:53 PM Reply Quote 0
        • P Offline
          pastormingle @mumblebaj
          last edited by Dec 7, 2021, 4:50 PM

          @mumblebaj 4d6e0483-a7d3-4fac-af2c-2e293870112f-image.png

          M 1 Reply Last reply Dec 7, 2021, 4:59 PM Reply Quote 0
          • P Offline
            pastormingle @sdetweil
            last edited by Dec 7, 2021, 4:53 PM

            @sdetweil not sure what that means?

            1 Reply Last reply Reply Quote 0
            • M Offline
              mumblebaj Module Developer @pastormingle
              last edited by Dec 7, 2021, 4:59 PM

              @pastormingle That means that something is already running with that IP. Do you only have 1 instance of MM running?

              Check out my modules at: https://github.com/mumblebaj?tab=repositories

              P 1 Reply Last reply Dec 7, 2021, 5:15 PM Reply Quote 0
              • P Offline
                pastormingle @mumblebaj
                last edited by Dec 7, 2021, 5:15 PM

                @mumblebaj The IP conflict is due to me ssh into the pi and starting magic mirror… I am referring to the commits from sdetweil that said “please use code block around config info” So still not working… But it looks like the carousel module is working…

                M 1 Reply Last reply Dec 7, 2021, 5:18 PM Reply Quote 0
                • M Offline
                  mumblebaj Module Developer @pastormingle
                  last edited by Dec 7, 2021, 5:18 PM

                  @pastormingle What Sam was saying was the when posting your config, you need to set it in a code block. That is done by selecting the config you posted and then pressing the </> button at the top of the window. That would wrap the config in a code block and make it look “pretty”.

                  I am glad your Carousel is now working.

                  Check out my modules at: https://github.com/mumblebaj?tab=repositories

                  P S 2 Replies Last reply Dec 7, 2021, 5:24 PM Reply Quote 0
                  • P Offline
                    pastormingle @mumblebaj
                    last edited by Dec 7, 2021, 5:24 PM

                    @mumblebaj sorry mumblebaj that was a typo it’s not working… Any other suggestions?

                    1 Reply Last reply Reply Quote 0
                    • P Offline
                      pastormingle @mumblebaj
                      last edited by sdetweil Dec 7, 2021, 6:06 PM Dec 7, 2021, 5:28 PM

                      @mumblebaj

                      /* Magic Mirror Config Sample
                      *
                      * By Michael Teeuw https://michaelteeuw.nl
                      * MIT Licensed.
                      *
                      * For more information on how you can configure this file
                      * see https://docs.magicmirror.builders/getting-started/configuration.html#general
                      * and https://docs.magicmirror.builders/modules/configuration.html
                      */
                      let config = {
                         address: "localhost", 	// Address to listen on, can be:
                         						// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
                         						// - another specific IPv4/6 to listen on a specific interface
                         						// - "0.0.0.0", "::" to listen on any interface
                         						// Default, when address config is left out or empty, is "localhost"
                         port: 8080,
                         basePath: "/", 	// The URL path where MagicMirror is hosted. If you are using a Reverse proxy
                         				// you must set the sub path here. basePath must end with a /
                         ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], 	// Set [] to allow all IP addresses
                         														// or add a specific IPv4 of 192.168.1.5 :
                         														// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
                         														// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
                         														// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
                      
                         useHttps: false, 		// Support HTTPS or not, default "false" will use HTTP
                         httpsPrivateKey: "", 	// HTTPS private key path, only require when useHttps is true
                         httpsCertificate: "", 	// HTTPS Certificate path, only require when useHttps is true
                      
                         language: "en",
                         locale: "en-US",
                         logLevel: ["INFO", "LOG", "WARN", "ERROR"], // Add "DEBUG" for even more logging
                         timeFormat: 24,
                         units: "metric",
                         // serverOnly:  true/false/"local" ,
                         // local for armv6l processors, default
                         //   starts serveronly and then starts chrome browser
                         // false, default for all NON-armv6l devices
                         // true, force serveronly mode, because you want to.. no UI on this device
                      
                         modules: [
                         	{
                         		module: "alert",
                         	},
                         	{
                         		module: "updatenotification",
                         		position: "top_bar"
                         	},
                         	{
                         		module: "clock",
                         		position: "top_left"
                         	},
                         	{
                         		module: "calendar",
                         		header: "US Holidays",
                         		position: "top_left",
                         		config: {
                         			calendars: [
                         				{
                         					symbol: "calendar-check",
                         					url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"					}
                         			]
                         		}
                         	},
                         	{
                         		module: "compliments",
                         		position: "top_left"
                         	},
                         	{
                         		module: "newsfeed",
                         		position: "bottom_bar",
                         		config: {
                         			feeds: [
                         				{
                         					title: "New York Times",
                         					url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
                         				}
                         			],
                         			showSourceTitle: true,
                         			showPublishDate: true,
                         			broadcastNewsFeeds: true,
                         			broadcastNewsUpdates: true
                         		}
                         	},
                             {
                                 module: 'MMM-Carousel',
                                 config: {
                                     transitionInterval: 1000,
                                     ignoreModules: [],
                                     mode: 'global'
                                 }
                             }
                      	]
                      };
                      
                      /*************** DO NOT EDIT THE LINE BELOW ***************/
                      if (typeof module !== "undefined") {module.exports = config;}
                      
                      M 1 Reply Last reply Dec 7, 2021, 5:56 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 9
                      • 10
                      • 3 / 10
                      3 / 10
                      • First post
                        21/96
                        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