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 52.4k 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.
    • S Offline
      sdetweil @mumblebaj
      last edited by

      @pastormingle @mumblebaj also see position here

      https://docs.magicmirror.builders/modules/configuration.html

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • P Offline
        pastormingle @mumblebaj
        last edited by

        @mumblebaj said in MMM-Carousel not displaying:

        npm install

        not a silly question as it’s not in the install readme file…

        Installation

        Run these commands at the root of your magic mirror install.

        cd modules
        git clone https://github.com/shbatm/MMM-Carousel
        

        Using the module

        To use this module, add the following configuration block to the modules array in the config/config.js file:

        S mumblebajM 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @pastormingle
          last edited by

          @pastormingle doesn’t have a node helper, so doesn’t need an npm install

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          mumblebajM 1 Reply Last reply Reply Quote 0
          • mumblebajM Offline
            mumblebaj Module Developer @pastormingle
            last edited by

            @pastormingle Yes, you have to run nom install in the module folder. I saw that the module has a package.json with dependencies. I just installed it on my machine and it works. One thing to note, it only rotates modules that occupying the same position on the mirror. I have 2 modules that occupy the top_right position and those are rotating and the others remain unchanged when using the global config option.

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

            P 1 Reply Last reply Reply Quote 0
            • mumblebajM Offline
              mumblebaj Module Developer @sdetweil
              last edited by

              @sdetweil Hi Sam, For my understanding. What about dependencies in the package.json? If those are not default with MM then you have to run npm install I would think? Or is my understanding incorrect?

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

              S 1 Reply Last reply Reply Quote 0
              • P Offline
                pastormingle @mumblebaj
                last edited by

                @mumblebaj do you have an example of your config?

                P mumblebajM 2 Replies Last reply Reply Quote 0
                • P Offline
                  pastormingle @pastormingle
                  last edited by

                  @pastormingle I sent my weather module to use the same as the clock position but still nothing…

                  1 Reply Last reply Reply Quote 0
                  • mumblebajM Offline
                    mumblebaj Module Developer @pastormingle
                    last edited by

                    @pastormingle I used one of the default.

                                module: 'MMM-Carousel',
                                config: {
                                    transitionInterval: 10000,
                                    ignoreModules: [],
                                    mode: 'positional',
                                    top_left: {enabled: true, ignoreModules: [], overrideTransitionInterval: 15000},
                                    top_right: {enabled: true, ignoreModules: ['currentweather']}
                                }
                            },
                    

                    Just tested the Global option and it works fine and rotates all the modules one by one.
                    Here is the config for global

                                module: 'MMM-Carousel',
                                config: {
                                    transitionInterval: 10000,
                                    ignoreModules: ['clock'],
                                    mode: 'global'
                                }
                            }

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

                    P 1 Reply Last reply Reply Quote 0
                    • P Offline
                      pastormingle @mumblebaj
                      last edited by sdetweil

                      @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;}
                      
                      mumblebajM S 2 Replies Last reply Reply Quote 0
                      • mumblebajM Offline
                        mumblebaj Module Developer @pastormingle
                        last edited by

                        @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
                        Check my blog-post: https://mumblebaj.xyz/

                        P 2 Replies Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 9
                        • 10
                        • 2 / 10
                        • 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