MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.25.0 is available! For more information about this release, check out this topic.

    regions...

    Development
    11
    31
    5436
    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.
    • justjim1220
      justjim1220 Module Developer last edited by

      is there any way to add regions to MM?

      For instance: where middle_center is , how could i be change to add middle_left and middle_right?

      Also, could there be a way to get more than 3 in a section?
      IE: currently we have top_left, top_center, & top_right
      Could it be changed to have 4 or 5 sections?

      My interest is to have modules as a frame to a completely blank center

      16 modules:

      top_left            top_left_center           top_center           top_right_center             top_right
      
      middle_top_left                                                                          middle_top_right
      
      middle_center_left                                                                    middle_center_right
      
      middle_bottom_left                                                                    middle_bottom_right
      
      bottom_left        bottom_left_center        bottom_center        bottom_right_center        bottom_right
      

      would this be possible???

      I’ve tried to declare them in custom.css, but of course, it didn’t work, so I am assuming they are declared elsewhere in MM’s core coding…

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

      S ? 2 Replies Last reply Reply Quote 0
      • S
        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

        Create a working config
        How to add modules

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

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

          justjim1220 1 Reply Last reply Reply Quote 1
          • yawns
            yawns Moderator last edited by

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

            justjim1220 1 Reply Last reply Reply Quote 2
            • justjim1220
              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
              • justjim1220
                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
                • justjim1220
                  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
                    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

                    Create a working config
                    How to add modules

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

                      @sdetweil

                      thanks, was looking at that just now. 😉

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

                      G 1 Reply Last reply Reply Quote 0
                      • G
                        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

                        justjim1220 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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy