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.

    Layout for Photos at top, calendar at bottom

    Scheduled Pinned Locked Moved General Discussion
    3 Posts 2 Posters 433 Views 2 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.
    • K Offline
      kochb1988
      last edited by

      Hello. I’m trying to repeat the layout for the Dakboard (Dkb) in Portrait mode. The person that I’m doing this for likes the simplicity of Dkb with the Big Calendar at the bottom, but it takes hours to show a calendar update (Free version). Anyway, I’ve demonstrated the MM with Google calendar and the refresh times. Now, I’m going thru the module layout trying to push a photo slideshow (from Bing) to the top taking the top quarter to third of the top of the screen. Then, time and weather side by side below that. Then, a large calendar below that with a black background in that area. What picture module will allow me will allow a large picture at the top? OR, is the Module layout for Top_center the best choice?

      And to position the time and weather: Will it be easier to reposition those modules by editing their css’s to move them down to the bottom of the photo?

      Does any of the Google calendar modules provide for editing from the MM?

      I know I’m asking a lot in one post. I appreciate any answer that helps. I’m still searching thru the forums. Thank you.

      S 1 Reply Last reply Reply Quote 0
      • S Away
        sdetweil @kochb1988
        last edited by sdetweil

        @kochb1988 magicmirror has predefined areas
        see
        https://forum.magicmirror.builders/topic/286/regions?_=1701782633212

        defined in css/main.css

        you can add a background color to each region in custom.css to see where they are on the portrait screen

        so you may have to fiddle with css to get the kind of layout you want…
        left/center/right only exist in top or bottom,

        note that the module positions match this definition and are not readily customizable
        they are hard coded in js/main.js

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        K 1 Reply Last reply Reply Quote 0
        • K Offline
          kochb1988 @sdetweil
          last edited by

          @sdetweil Thank you for the direction.

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