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.

    multiple modules in a region

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    42 Posts 5 Posters 15.8k Views 5 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.
    • M Offline
      MMRIZE @roth_nj
      last edited by

      @roth_nj
      If you have a sketch (even with a hand), I may help you.

      R 2 Replies Last reply Reply Quote 0
      • M Offline
        MMRIZE @roth_nj
        last edited by MMRIZE

        @roth_nj
        image

        Is this similar to what you wanted? (DAKBoard style)

        .region.top.left {
          width: calc(25% - 60px);
          backdrop-filter: blur(10px) brightness(60%) grayscale(30%) drop-shadow(4px 4px 10px black);
          padding: 20px;
          border-radius: 20px;
          height: calc(100vh - 160px);
        }
        
        .region.top.right {
          width: calc(75% - 20px);
        }
        
        .region.center {
          display: none;
        }
        
        .module.MMM-CalendarExt3 .module-header {
          font-weight: bold;
          font-size: 300%;
          color: white;
          line-height: 100%;
          border-bottom: none;
        }
        

        I use only 3 regions. top_left top_right, and fullscreen_below.

        R 1 Reply Last reply Reply Quote 0
        • R Offline
          roth_nj @MMRIZE
          last edited by

          @MMRIZE

          this is the dakboard calendar that my wife wants. ive shown here several others (examples of both from dakboard and MM) and she likes this layout the best. i do agree its pretty clean looking. as stated before, it is essentially photos on the left 1/3rd and a calendar on the right 2/3rds in landscape view with some light modules on top of the pictures. im sure youve seen the pic floating around a lot.

          ive searched and read a lot on this and thats why i was stepping down the route of trying to get the modules into certain regions then going to try to mode with the css.

          549c3d40-b8b4-4971-965f-f08d2fd8bd6d-image.png

          M 1 Reply Last reply Reply Quote 0
          • R Offline
            roth_nj @MMRIZE
            last edited by

            @MMRIZE @sdetweil

            heres an idea: can a script be written that runs 2 instances of MM into 1 display at the same time? one being 1/3 of the screen and the other being the rest (or other 2/3rds)? then one instance of MM can run pictures fullscreen and the other can run the calendar full screen as well on its partition?

            also, sorry if theres a few different dicussions going on at the same time now. with having to wait for posts to get approved theres a bit of a lag and its probably getting messy keeping thought streams straight now

            M S 2 Replies Last reply Reply Quote 0
            • M Offline
              MMRIZE @roth_nj
              last edited by

              @roth_nj
              There is no way to do so.
              However, I think mimicking DAKBoard style to MM with some CSS juggling.

              1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @roth_nj
                last edited by

                @roth_nj said in multiple modules in a region:

                with having to wait for posts to get approved

                I am the one that reviews and approves posts… until you get a reputation of 2 or above…

                rep is increases if someone likes your post(s). generally because you contributed something.

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • R Offline
                  roth_nj @MMRIZE
                  last edited by

                  @MMRIZE

                  that looks good and gives me an idea of something to try…

                  are there any other modules that post pictures to a region instead of full screen?

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @roth_nj
                    last edited by

                    @roth_nj said in multiple modules in a region:

                    are there any other modules that post pictures to a region instead of full screen?

                    you can try them…

                    i spent a lot of time on MMM-ImagesPhotos in fullscreen to get the aspect ratios correct as neither of the built in CSS settings (cover/contain) work properly (imho)

                    https://github.com/sdetweil/MMM-ImagesPhotos , but you can try it in other positions

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • M Offline
                      MMRIZE @roth_nj
                      last edited by

                      @roth_nj
                      similar?
                      mimic

                      R 1 Reply Last reply Reply Quote 0
                      • R Offline
                        roth_nj @MMRIZE
                        last edited by

                        @MMRIZE said in multiple modules in a region:

                        @roth_nj
                        similar?
                        mimic

                        that right there would be amazing

                        M 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 2 / 5
                        • 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