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

Layout for Photos at top, calendar at bottom

Scheduled Pinned Locked Moved General Discussion
3 Posts 2 Posters 398 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 Dec 5, 2023, 3:58 PM

    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 Dec 5, 2023, 4:10 PM Reply Quote 0
    • S Away
      sdetweil @kochb1988
      last edited by sdetweil Dec 5, 2023, 4:18 PM Dec 5, 2023, 4:10 PM

      @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 Dec 5, 2023, 9:23 PM Reply Quote 0
      • K Offline
        kochb1988 @sdetweil
        last edited by Dec 5, 2023, 9:23 PM

        @sdetweil Thank you for the direction.

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