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.

    regions...

    Scheduled Pinned Locked Moved Development
    31 Posts 11 Posters 15.7k Views 15 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.
    • justjim1220J Offline
      justjim1220 Module Developer @yawns
      last edited by

      @yawns

      never thought to look there, will try it and see if it works, thanks!

      "Life's Too Short To Dance With Ugly People"
      Jim Hallock - 1995

      1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @justjim1220
        last edited by

        @justjim1220 others noted that you will also have to edit the index.html to add the regions and the main.js

        var updateWrapperStates = function() {
        var positions = [“top_bar”, “top_left”, “top_center”, “top_right”, “upper_third”, “middle_center”, “lower_third”, “bottom_left”, “bottom_center”, “bottom_right”, “bottom_bar”, “fullscreen_above”, “fullscreen_below”];

        which lists all the known regions

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        justjim1220J 2 Replies Last reply Reply Quote 2
        • justjim1220J Offline
          justjim1220 Module Developer @sdetweil
          last edited by

          @sdetweil

          thanks, was looking at that just now. :winking_face:

          "Life's Too Short To Dance With Ugly People"
          Jim Hallock - 1995

          G 1 Reply Last reply Reply Quote 0
          • G Offline
            geograha @justjim1220
            last edited by geograha

            @justjim1220 I’m actually trying to do the exact same thing, but very limited knowledge with css. I’d be curious to see your index.html and main.css files if you get this working as expected. I updated main.js to be aware of the positions for now and am going to dig into creating the separate regions

            justjim1220J 1 Reply Last reply Reply Quote 0
            • justjim1220J Offline
              justjim1220 Module Developer @geograha
              last edited by

              @geograha

              Sorry, got sidetracked into doing other stuff

              My investigating showed there are a few places needing changed within MM code to get it to work

              I haven’t given up, just placed it on the back burner for now.

              Likewise with you, if you happen to figure it out before I do, let me know what you did. :winking_face:

              "Life's Too Short To Dance With Ugly People"
              Jim Hallock - 1995

              1 Reply Last reply Reply Quote 0
              • BKeyportB Offline
                BKeyport Module Developer
                last edited by

                I’d love to see this - I’ve got a ton of dead space on my MM because of the lack of 5 columns of info.

                The "E" in "Javascript" stands for "Easy"

                justjim1220J 2 Replies Last reply Reply Quote 0
                • justjim1220J Offline
                  justjim1220 Module Developer @BKeyport
                  last edited by

                  @bkeyport
                  I know the feeling
                  To keep up with the ‘mirror’ effect, I am wanting to surround the middle with a ‘frame’ of modules
                  Kinda like a monopoly game board with the middle or inside the properties being free of any modules to keep the mirror functioning as a mirror

                  Of course I am trying to make one with a 42" tv, rotated vertical, so I will have plenty of room at the top and bottom for more than one row of modules

                  My first idea, was to figure out how to show the modules in a frame around a working TV, without any interference to what is being watched. Which Is what I really want to be able to do!

                  "Life's Too Short To Dance With Ugly People"
                  Jim Hallock - 1995

                  1 Reply Last reply Reply Quote 0
                  • justjim1220J Offline
                    justjim1220 Module Developer @BKeyport
                    last edited by

                    @bkeyport

                    I don’t even really need modules on the sides, I have been paying attention a lot to how most tv I watch, which are movies, they almost always have a black area at the top and bottom of the screen. It’s getting the modules and the tv to display at the same time!

                    "Life's Too Short To Dance With Ugly People"
                    Jim Hallock - 1995

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

                      You don’t need to create new regions…just make your module width larger…

                      There is no need to create new regions when you can just ‘stack’ your modules and they will move automatically…

                      justjim1220J 2 Replies Last reply Reply Quote 0
                      • justjim1220J Offline
                        justjim1220 Module Developer @cowboysdude
                        last edited by

                        @cowboysdude
                        Moy sure I am following what you mean

                        "Life's Too Short To Dance With Ugly People"
                        Jim Hallock - 1995

                        1 Reply Last reply Reply Quote 0
                        • justjim1220J Offline
                          justjim1220 Module Developer @cowboysdude
                          last edited by

                          @cowboysdude
                          the reasoning for our inquiry is to have more than 3 regions like in the top or bottom
                          I would like to have 5 (or more) modules side by side across the top or bottom

                          Stacking the modules? that is still 3 regions, but having modules on top of each other in each region, not side by side

                          "Life's Too Short To Dance With Ugly People"
                          Jim Hallock - 1995

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

                            If you put more then one module in a region starting with the top of the config down will stack them in the region you put them in…

                            S justjim1220J 2 Replies Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @cowboysdude
                              last edited by

                              @cowboysdude he doesn’t want stack, he wants side by side

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • justjim1220J Offline
                                justjim1220 Module Developer @cowboysdude
                                last edited by

                                @cowboysdude
                                Just forget it. You don’t seem to be grasping the concept we are referring to.

                                I know you feel that I am just a dumbass

                                So, don’t anyone listen to me any more!

                                Geez!

                                "Life's Too Short To Dance With Ugly People"
                                Jim Hallock - 1995

                                1 Reply Last reply Reply Quote 0
                                • BKeyportB Offline
                                  BKeyport Module Developer
                                  last edited by

                                  Stacking is great, but for those of us that have landscape mode monitors, that becomes useless rather quickly. I’d rather have the modules sit next to each other.

                                  My one mirror at home will go Portrait mode eventually, so the stacking will work… the one at work (due to a broken part) will always be landscape.

                                  The "E" in "Javascript" stands for "Easy"

                                  1 Reply Last reply Reply Quote 0
                                  • S Offline
                                    Smotx
                                    last edited by

                                    I love that (and you) if you find how to have 5 ragions on the same line, i need to display MM on my TV !

                                    1 Reply Last reply Reply Quote 0
                                    • justjim1220J Offline
                                      justjim1220 Module Developer @sdetweil
                                      last edited by

                                      @sdetweil

                                      Any chance you ever try this?

                                      "Life's Too Short To Dance With Ugly People"
                                      Jim Hallock - 1995

                                      S 1 Reply Last reply Reply Quote 0
                                      • I Offline
                                        isaac2004
                                        last edited by

                                        Is there a way to “hover” modules over eachother. For instance if I use Lucy to “SHOW” a module, I want it to float above all other modules. Currently, it pushes modules down.

                                        Mykle1M R justjim1220J 3 Replies Last reply Reply Quote 0
                                        • S Do not disturb
                                          sdetweil @justjim1220
                                          last edited by

                                          @justjim1220 no, sorry

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          1 Reply Last reply Reply Quote 0
                                          • Mykle1M Offline
                                            Mykle1 Project Sponsor Module Developer @isaac2004
                                            last edited by Mykle1

                                            @isaac2004

                                            You could always modify Lucy to HIDE specific (or all) modules when you SHOW specific modules OR create pages for sets of modules so that none ever occupy the same region at the same time OR single module pages.

                                            Create a working config
                                            How to add modules

                                            1 Reply 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
                                            • 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