• 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.7k 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.
  • M Offline
    mumblebaj Module Developer @pastormingle
    last edited by Dec 7, 2021, 5:56 PM

    @pastormingle As mentioned previously, are the any errors in the developers window? Do you have any errors in the terminal window? I am using the exact same config as you for Carousel and it work just fine for me

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

    1 Reply Last reply Reply Quote 0
    • S Offline
      sdetweil @mumblebaj
      last edited by Dec 7, 2021, 6:58 PM

      @mumblebaj said in MMM-Carousel not displaying:

      That would wrap the config in a code block and make it look “pretty”.

      not pretty, just more readable

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      P 1 Reply Last reply Dec 8, 2021, 4:51 AM Reply Quote 0
      • S Offline
        sdetweil @mumblebaj
        last edited by Dec 7, 2021, 7:20 PM

        @mumblebaj yes, generally, w package.json you would need an npm install. but in this case, the dependencies after for testing not running

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        P 1 Reply Last reply Dec 8, 2021, 5:13 AM Reply Quote 0
        • P Offline
          pastormingle @sdetweil
          last edited by Dec 8, 2021, 4:51 AM

          @sdetweil ```
          Here is what is in my developer window under the console tab… I don’t see anything that stands out.

          loader.js:164 Translations loaded for: clock
          loader.js:184 Load script: modules/default/calendar/calendar.js
          module.js:501 Check MagicMirror version for module ‘calendar’ - Minimum version: 2.1.0 - Current version: 2.16.0
          module.js:503 Version is ok!
          module.js:509 Module registered: calendar
          loader.js:155 Bootstrapping module: calendar
          loader.js:244 File already loaded: moment.js
          loader.js:160 Scripts loaded for: calendar
          loader.js:203 Load stylesheet: modules/default/calendar/calendar.css
          loader.js:244 File already loaded: font-awesome.css
          loader.js:162 Styles loaded for: calendar
          loader.js:164 Translations loaded for: calendar
          loader.js:184 Load script: modules/default/compliments/compliments.js
          module.js:509 Module registered: compliments
          loader.js:155 Bootstrapping module: compliments
          loader.js:244 File already loaded: moment.js
          loader.js:160 Scripts loaded for: compliments
          loader.js:162 Styles loaded for: compliments
          loader.js:164 Translations loaded for: compliments
          loader.js:184 Load script: modules/default/newsfeed/newsfeed.js
          module.js:509 Module registered: newsfeed
          loader.js:155 Bootstrapping module: newsfeed
          loader.js:244 File already loaded: moment.js
          loader.js:160 Scripts loaded for: newsfeed
          loader.js:203 Load stylesheet: modules/default/newsfeed/newsfeed.css
          loader.js:162 Styles loaded for: newsfeed
          loader.js:164 Translations loaded for: newsfeed
          loader.js:184 Load script: modules/MMM-Carousel/MMM-Carousel.js
          module.js:501 Check MagicMirror version for module ‘MMM-Carousel’ - Minimum version: 2.3.0 - Current version: 2.16.0
          module.js:503 Version is ok!
          module.js:509 Module registered: MMM-Carousel
          loader.js:155 Bootstrapping module: MMM-Carousel
          loader.js:160 Scripts loaded for: MMM-Carousel
          loader.js:203 Load stylesheet: modules/MMM-Carousel/MMM-Carousel.css
          loader.js:162 Styles loaded for: MMM-Carousel
          loader.js:164 Translations loaded for: MMM-Carousel
          loader.js:203 Load stylesheet: css/custom.css
          :8080/modules/default/alert/alert.js:165 Starting module: alert
          :8080/modules/defaul…enotification.js:21 Starting module: updatenotification
          :8080/modules/default/clock/clock.js:46 Starting module: clock
          :8080/modules/defaul…ndar/calendar.js:87 Starting module: calendar
          :8080/modules/defaul…s/compliments.js:38 Starting module: compliments
          :8080/modules/defaul…feed/newsfeed.js:63 Starting module: newsfeed
          main.js:499 All modules started!
          9
          XHR finished loading: GET “”.
          
          ​

          M S 2 Replies Last reply Dec 8, 2021, 2:22 PM Reply Quote 0
          • P Offline
            pastormingle @sdetweil
            last edited by Dec 8, 2021, 5:13 AM

            @sdetweil I tried to manual run the MMM-Carousel.js but returned the following. 20bc915c-97a4-40af-9e49-7932576b932b-image.png MMM-c93303dc-dee4-475f-9a04-d0f51fd8b8f2-image.png

            S 1 Reply Last reply Dec 8, 2021, 12:50 PM Reply Quote 0
            • S Offline
              sdetweil @pastormingle
              last edited by Dec 8, 2021, 12:50 PM

              @pastormingle don’t know why you would do that. it has to run under MagicMirror…

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • M Offline
                mumblebaj Module Developer @pastormingle
                last edited by Dec 8, 2021, 2:22 PM

                @pastormingle Do you see any of the module suspended or module resumed stuff?

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

                1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @pastormingle
                  last edited by Dec 8, 2021, 2:59 PM

                  @pastormingle @mumblebaj

                  ok, I just debugged this, and there is a MM design changed that impacts this module… and maybe others…

                  if there is NO ‘position’ set, then the initial getDom() is not called. and this module DEPENDS on that
                  note that without position its getDom() is NEVER called…

                  so, set

                  position: ‘bottom_bar’

                  in the MMM-Carousel module config

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  P 1 Reply Last reply Dec 8, 2021, 3:26 PM Reply Quote 0
                  • P Offline
                    pastormingle @sdetweil
                    last edited by Dec 8, 2021, 3:26 PM

                    @sdetweil said in MMM-Carousel not displaying:

                    position: ‘bottom_bar’

                    so that would be in the config.js file or the www-Carousel.js file?

                    S 2 Replies Last reply Dec 8, 2021, 3:28 PM Reply Quote 0
                    • S Offline
                      sdetweil @pastormingle
                      last edited by sdetweil Dec 8, 2021, 3:31 PM Dec 8, 2021, 3:28 PM

                      @pastormingle ALL config options ALWAYS go in config.js

                      NEVER edit the module source file…

                      the design is options in config.js override any options defined in the module
                      any options not USED in config.js use the defaults provided by the module

                      but position is a MM config option (outside the config:{} block for the module),
                      NOT a module config option (inside the config:{} block for module)

                      see
                      https://docs.magicmirror.builders/modules/configuration.html#example

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 9
                      • 10
                      • 4 / 10
                      4 / 10
                      • First post
                        31/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