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 60.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.
    • P Offline
      pastormingle @sdetweil
      last edited by

      @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 Reply Quote 0
      • S Offline
        sdetweil @pastormingle
        last edited by

        @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
        • mumblebajM Offline
          mumblebaj Module Developer @pastormingle
          last edited by

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

          Check out my modules at: https://github.com/mumblebaj?tab=repositories
          Check my blog-post: https://mumblebaj.xyz/
          Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

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

            @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 Reply Quote 0
            • P Offline
              pastormingle @sdetweil
              last edited by

              @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 Reply Quote 0
              • S Offline
                sdetweil @pastormingle
                last edited by sdetweil

                @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

                  @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 Reply Quote 0
                  • P Offline
                    pastormingle @sdetweil
                    last edited by

                    @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 Reply Quote 0
                    • P Offline
                      pastormingle @pastormingle
                      last edited by

                      @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 Reply Quote 0
                      • S Offline
                        sdetweil @pastormingle
                        last edited by

                        @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 Reply Quote 0
                        • S Offline
                          sdetweil @sdetweil
                          last edited by sdetweil

                          @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

                            @sdetweil said in MMM-Carousel not displaying:

                            git remote -v
                            same.

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

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

                              @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/
                              Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

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

                                @mumblebaj hm… that one also works… (but works without position, but doesn’t have a getDom function)
                                the sabatm version has page indicator buttons u can push too…

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

                                  @sdetweil Ah, now I understand the earlier differences. We were looking at different modules. Which one is @pastormingle using?

                                  Check out my modules at: https://github.com/mumblebaj?tab=repositories
                                  Check my blog-post: https://mumblebaj.xyz/
                                  Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

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

                                    @mumblebaj still waiting for that info

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

                                      @sdetweil Unless there is a 3rd one that we are not aware of…:face_with_monocle:

                                      Check out my modules at: https://github.com/mumblebaj?tab=repositories
                                      Check my blog-post: https://mumblebaj.xyz/
                                      Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

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

                                        @mumblebaj yeh, I posted a fix to the one I was using, after it stopped working on 2.14
                                        https://github.com/shbatm/MMM-Carousel/issues/31

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

                                          @sdetweil And there is this one as well:
                                          https://github.com/schramkef/MMM-Carousel

                                          Check out my modules at: https://github.com/mumblebaj?tab=repositories
                                          Check my blog-post: https://mumblebaj.xyz/
                                          Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

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

                                            @mumblebaj yep, thats the newest… 9months old, shbatm is 3 years, and the barnaby is 5 years old

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            mumblebajM P 2 Replies Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 3 / 5
                                            • 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