• 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.

regions...

Scheduled Pinned Locked Moved Development
31 Posts 11 Posters 12.3k 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.
  • J Offline
    justjim1220 Module Developer @Guest
    last edited by Jan 1, 2019, 11:10 PM

    @sean

    I tried to modify the main.css and it didn’t do anything.

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

    1 Reply Last reply Reply Quote 0
    • J Offline
      justjim1220 Module Developer @yawns
      last edited by Jan 1, 2019, 11:11 PM

      @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 Away
        sdetweil @justjim1220
        last edited by Jan 1, 2019, 11:11 PM

        @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

        J 2 Replies Last reply Jan 1, 2019, 11:13 PM Reply Quote 2
        • J Offline
          justjim1220 Module Developer @sdetweil
          last edited by Jan 1, 2019, 11:13 PM

          @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 Feb 9, 2019, 7:56 PM Reply Quote 0
          • G Offline
            geograha @justjim1220
            last edited by geograha Feb 9, 2019, 8:52 PM Feb 9, 2019, 7:56 PM

            @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

            J 1 Reply Last reply Feb 9, 2019, 11:36 PM Reply Quote 0
            • J Offline
              justjim1220 Module Developer @geograha
              last edited by Feb 9, 2019, 11:36 PM

              @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
              • B Offline
                BKeyport Module Developer
                last edited by Feb 10, 2019, 12:35 AM

                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"

                J 2 Replies Last reply Feb 10, 2019, 1:04 AM Reply Quote 0
                • J Offline
                  justjim1220 Module Developer @BKeyport
                  last edited by Feb 10, 2019, 1:04 AM

                  @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
                  • J Offline
                    justjim1220 Module Developer @BKeyport
                    last edited by Feb 10, 2019, 1:06 AM

                    @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
                    • C Offline
                      cowboysdude Module Developer
                      last edited by Feb 10, 2019, 3:20 AM

                      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…

                      J 2 Replies Last reply Feb 10, 2019, 3:22 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 1 / 4
                      • 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