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

Using MM as a SmartDisplay for my Living room

Scheduled Pinned Locked Moved Show your Mirror
14 Posts 8 Posters 14.3k Views 10 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.
  • F Offline
    fabbr @j.e.f.f
    last edited by Mar 12, 2018, 10:08 PM

    @j.e.f.f Loved the design! How did you manage to have the clock the the weather(9º) at the same level?

    J 1 Reply Last reply Mar 12, 2018, 10:18 PM Reply Quote 0
    • J Offline
      j.e.f.f Project Sponsor Module Developer @fabbr
      last edited by Mar 12, 2018, 10:18 PM

      @fabbr Ahh… CSS is a wonderful thing! The current temperature and weather icon are actually part of the weather forecast module in the centre column. I used CSS to move these two elements leftward relative to what their natural position would have otherwise been, then similarly I moved the forecast table upwards relative to it’s original position.

      I’m going to modify my Calendar module to allow two columns so that I can fit 8 entries over four rows, but that requires a change to the module itself.

      F 1 Reply Last reply Mar 20, 2018, 12:29 AM Reply Quote 1
      • F Offline
        fabbr @j.e.f.f
        last edited by Mar 20, 2018, 12:29 AM

        @j.e.f.f And besides reloading MM everytime you make a change is there a better way to visualize them as you start messing with the CSS?

        J 1 Reply Last reply Mar 20, 2018, 1:20 AM Reply Quote 0
        • J Offline
          j.e.f.f Project Sponsor Module Developer @fabbr
          last edited by Mar 20, 2018, 1:20 AM

          @fabbr You don’t need to restart MagicMirror for CSS changes. You just need to refresh your browser. And if you use the inspector, you can play around with CSS changes live in the browser.

          1 Reply Last reply Reply Quote 0
          • G Offline
            goprojojo
            last edited by Mar 20, 2018, 8:52 PM

            Nice! Could you share your css?

            J 1 Reply Last reply Mar 20, 2018, 9:06 PM Reply Quote 2
            • J Offline
              j.e.f.f Project Sponsor Module Developer @goprojojo
              last edited by Mar 20, 2018, 9:06 PM

              @goprojojo I could but it is heavily tailored to the screen resolution – 1366x768. I doubt you’d find that useful. What part in particular are your trying to duplicate?

              1 Reply Last reply Reply Quote 1
              • S Offline
                spwood100
                last edited by May 23, 2018, 12:24 PM

                @j-e-f-f said in Using MM as a SmartDisplay for my Living room:

                doubt you’d find that useful

                Would you be able to show how to align the current weather towards the clock on the left? That would be fantastic … great information board!

                1 Reply Last reply Reply Quote 0
                • D Offline
                  DæmonEyes
                  last edited by Feb 12, 2019, 12:00 AM

                  Hey is that like a Tamil newspaper in the top_center position? I could be wrong, cause it looks similar to Malayalam, but different.

                  1 Reply Last reply Reply Quote 0
                  • E Offline
                    Egnos @j.e.f.f
                    last edited by Feb 13, 2019, 11:45 AM

                    @j-e-f-f said in Using MM as a SmartDisplay for my Living room:

                    @sgopala Heh! I just did the same thing for my Kitchen:

                    0_1520719654360_bulletinboard.jpg

                    Hi, which module did you use for the player at the bottom right?

                    0_1550058315728_player.PNG

                    My Mirror https://forum.magicmirror.builders/topic/17262/the-raspimirror-was-born/7

                    1 Reply Last reply Reply Quote 0
                    • J Offline
                      j.e.f.f Project Sponsor Module Developer
                      last edited by Feb 13, 2019, 12:03 PM

                      @egnos said in Using MM as a SmartDisplay for my Living room:

                      Hi, which module did you use for the player at the bottom right?

                      That’s the Sonos module
                      https://forum.magicmirror.builders/topic/1567/mmm-sonos-to-show-what-your-sonos-is-playing

                      I’ve added a bit of my own styling to it. I’m not using it any more, though, as it takes up precious space. In fact, I’ve overhauled the entire thing. Read about it here, if you are interested:
                      http://jeffsnerdyprojects.blogspot.com/2018/04/information-center-v2.html

                      E 1 Reply Last reply Feb 13, 2019, 2:53 PM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      • 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