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 13.4k 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.
    • S Offline
      sdetweil @justjim1220
      last edited by

      @justjim1220 they are in MM/css/main.css
      there isn’t much real estate to make many distinct regions…

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @justjim1220
        You should modify main.js which has a definition of module position hardcoded

        justjim1220J 1 Reply Last reply Reply Quote 1
        • yawnsY Offline
          yawns Moderator
          last edited by

          Shouldn’t the index.html be changed as well to add additional divs with his classes?

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

            @sdetweil

            The real estate is there when using a 46" TV as a monitor, and it can always be modified with using ‘zoom’ or ctrl - or ctrl shift +

            I did try modifying the main.css also, still no luck.

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

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

              @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
              • 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 Offline
                  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
                        • 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