• 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 50.0k 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 @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
        • S Offline
          sdetweil @pastormingle
          last edited by Dec 8, 2021, 3:29 PM

          @pastormingle

          {
               module:   'MMM-Carousel',
               position: 'bottom_bar',
               config: { 
                  whatever config for this module
              }
          }
          

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            @sdetweil ```

            So now is gets an Undefined displayed at the bottom of the display.. 
            },
                    {
                        module: 'MMM-Carousel',
                         position: 'bottom_bar',
                        config: {
                            transitionInterval: 10000,
                            ignoreModules: [],
                            mode: 'global'
                        }
                    }
            
            ![45d7e7ab-536a-4ba1-b849-c0ba73a9344f-image.png](/assets/uploads/files/1638977941062-45d7e7ab-536a-4ba1-b849-c0ba73a9344f-image.png)
            P 1 Reply Last reply Dec 8, 2021, 3:42 PM Reply Quote 0
            • P Offline
              pastormingle @pastormingle
              last edited by Dec 8, 2021, 3:42 PM

              @pastormingle getting the following error in the dev windows now.
              TypeError: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’.
              at updateModuleContent (main.js:215)
              at main.js:142
              at new Promise ()
              at updateDomWithContent (main.js:140)
              at main.js:122

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

                @pastormingle this is my config

                        {
                            module: 'MMM-Carousel',
                            position: "bottom_bar",
                            config: {
                                transitionInterval: 10000,
                                ignoreModules: ['clock', 'alert'],
                                mode: 'slides',
                                slides: [
                                    ['calendar', 'compliments', 'weather'],
                                    ['newsfeed'],
                                ]
                            }
                        }
                

                but you wanted slides mode… why are u set to global?

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                S 1 Reply Last reply Dec 8, 2021, 4:07 PM Reply Quote 0
                • S Offline
                  sdetweil @sdetweil
                  last edited by sdetweil Dec 8, 2021, 4:08 PM Dec 8, 2021, 4:07 PM

                  @pastormingle

                  I changed ‘slides’ to ‘global’ and it worked too

                  you are using this version

                  https://github.com/shbatm/MMM-Carousel.git 
                  

                  in the MMM-Carousel folder do

                  git remote -v

                  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
                    last edited by Dec 8, 2021, 5:04 PM

                    @sdetweil said in MMM-Carousel not displaying:

                    git remote -v
                    same.

                    4fcb5a5f-ae6a-4cfb-9ae9-dc042a871792-image.png

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

                      @pastormingle So, what @sdetweil meant was that in the terminal window in the ~/MagicMirror/modules/MMM-Carousel/ folder you should run the command git remote -v and post the output of that.

                      For me it is:

                      origin  https://github.com/barnabycolby/MMM-Carousel (fetch)
                      origin  https://github.com/barnabycolby/MMM-Carousel (push)

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

                      S 1 Reply Last reply Dec 8, 2021, 5:52 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 10
                      • 5 / 10
                      5 / 10
                      • First post
                        42/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