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.

    Display modules in a carousel

    Scheduled Pinned Locked Moved System
    29 Posts 8 Posters 28.5k Views 8 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.
    • B Offline
      barnabycolby
      last edited by

      https://github.com/barnabycolby/MMM-Carousel

      Instead of displaying all of the modules at once, each one is displayed for a configurable amount of time before displaying the next in the list. This is useful on smaller screens, where there is not enough space to display more than a single module.

      1 Reply Last reply Reply Quote 3
      • A Offline
        amanzimdwini
        last edited by

        @barnabycolby

        Nice module. Two requests:
        a) Please post a “typical” config.js file (not just the minimal instructions - might make it easier for noobs)

        b) [BIGGER] Can you “flip” the config to “positive inclusion” instead of “negative exclusion” (ie alert) ? Right now all my modules display one at a time - useful on TINY screens, but what I want is this:
        Mod A = Top Right
        Mod B= Top Right
        Mod C = Bottom Left
        Mod D = Bottom Left
        Mod E = Bottom Right

        config:
        swap={‘Mod A’, Mod B’}, {‘Mod C’, ‘Mod D’}
        swaptime = 10000

        So that I see (alternating):
        Mods A, C, E
        Mods B, D, E

        (This was kind of hacked a while ago - please have a look at
        https://forum.magicmirror.builders/topic/373/alternating-modules-to-save-on-real-estate)

        I think it would be a GREAT module, but have lacked the time to do it.

        Thanks for at least reading. Nice work,

        I 1 Reply Last reply Reply Quote 0
        • B Offline
          barnabycolby
          last edited by

          Thanks for the feedback! :)

          I’ve created the sample config.js file and opened a GitHub issue for the feature request, which I will get round to at some point.

          1 Reply Last reply Reply Quote 0
          • cowboysdudeC Offline
            cowboysdude Module Developer
            last edited by

            A cool feature to add to this would be for touch screens… instead of scrolling it could be done by touch… like a tablet :)

            1 Reply Last reply Reply Quote 0
            • cowboysdudeC Offline
              cowboysdude Module Developer
              last edited by

              But then… that’s not needed… :)

              1 Reply Last reply Reply Quote 0
              • B Offline
                barnabycolby
                last edited by

                I completely agree, I’ve opened a GitHub issue, but as you can see from the previous conversation, it will take me a while to get around to it. Pull requests welcome :)

                1 Reply Last reply Reply Quote 1
                • ? Offline
                  A Former User
                  last edited by

                  Hi, how to install on Mac Book Air (have the mirror installed) just not clued up on the module installs via terminal… many thanks…

                  1 Reply Last reply Reply Quote 0
                  • B Offline
                    barnabycolby
                    last edited by

                    Instructions can be found here: https://github.com/barnabycolby/MMM-Carousel

                    The instructions should work on a Mac. In short, you want to clone the github repository into the modules directory and modify the magic mirror configuration to use the module.

                    1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User
                      last edited by

                      Thanks, tell me can you not just download all the modules and put them in the directory manually rather than using terminal? Thanks!

                      1 Reply Last reply Reply Quote 0
                      • ? Offline
                        A Former User
                        last edited by

                        https://github.com/barnabycolby/MMM-Carousel

                        Ok think i have working as only have one thing showing at a time… how can i define to specific things for specific times?

                        1 Reply Last reply Reply Quote 0
                        • B Offline
                          barnabycolby
                          last edited by

                          You need to modify your config.js file, a sample configuration that uses MMM-Carousel can be found here

                          1 Reply Last reply Reply Quote 0
                          • ? Offline
                            A Former User
                            last edited by

                            Many thanks

                            1 Reply Last reply Reply Quote 0
                            • PointPubMediaP Offline
                              PointPubMedia
                              last edited by

                              @barnabycolby will need some help with your module…

                              How to use it to ONLY rotate 2 modules instead of all of them ?

                              I have for the moment 10 modules displayed on the screen and would like to rotate only 1 of them with another one…

                              F A 2 Replies Last reply Reply Quote 0
                              • F Offline
                                frog @PointPubMedia
                                last edited by

                                @PointPubMedia Don’t you need to just put the ones you don’t want to rotate in IgnoreModules? I haven’t installed it, but that looks like the intent…

                                1 Reply Last reply Reply Quote 0
                                • A Offline
                                  amanzimdwini @PointPubMedia
                                  last edited by

                                  @PointPubMedia
                                  Once I get home, i can post MY CRUDE hack for that…
                                  I am on pacific time, though. So give me at least 10 hours

                                  A 1 Reply Last reply Reply Quote 0
                                  • B Offline
                                    barnabycolby
                                    last edited by

                                    Yep, @frog is correct. Include the name of all modules in the ignoreModules configuration option EXCEPT from the two modules you wish to rotate.

                                    1 Reply Last reply Reply Quote 0
                                    • A Offline
                                      amanzimdwini @amanzimdwini
                                      last edited by

                                      @PointPubMedia
                                      I like @barnabycolby 's version (ie exempting all but the ones you want to rotate) a lot.
                                      But here is something KirAsh4 made for me a while ago
                                      https://forum.magicmirror.builders/topic/373/alternating-modules-to-save-on-real-estate/3
                                      that will do the job too - and it will let you learn a bit java along the way

                                      Enjoy

                                      PointPubMediaP 1 Reply Last reply Reply Quote 1
                                      • PointPubMediaP Offline
                                        PointPubMedia @amanzimdwini
                                        last edited by

                                        @amanzimdwini Really like the version of @KirAsh4 …

                                        But how to rotate the “same” module ? I’m using the iframe module more than one time, and I would like to rotate all of them…

                                        A 1 Reply Last reply Reply Quote 0
                                        • A Offline
                                          amanzimdwini @PointPubMedia
                                          last edited by

                                          @PointPubMedia
                                          Sorry - what are you trying to ask me? I can send you “my” module (basically hacked KirAsh’s a bit - works like a charm). I’m actually trying to use the “Carousel” right now…

                                          1 Reply Last reply Reply Quote 0
                                          • PointPubMediaP Offline
                                            PointPubMedia
                                            last edited by

                                            I’m saying that i’m using the swap code from the URL you gave me! But this works like a charm for different module at the same location! What I’m trying to do it’s to rotate the same module with different configuration at the same place!

                                            I’m using the iFrame module to display some graphic from Grafana and I would need to “rotate” a couple of them on MM at the same location! So instead of having 3-4 iFrame at the same time, I will alternate all of them at the same location to save on space!

                                            C I 2 Replies Last reply Reply Quote 1

                                            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
                                            • 1 / 2
                                            • 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