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.

    7" and 5" displays

    Scheduled Pinned Locked Moved Show your Mirror
    16 Posts 10 Posters 7.3k Views 12 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.
    • H Offline
      harney @Gr1dL0ck
      last edited by

      @gr1dl0ck that is the 5inch screen using MMM-weatherforecast https://github.com/jharttech/MMM-weatherforecast/blob/master/README.md

      which comes with deviant art icons. I reduced the size of the icins to fit the area i had, and saved them in the CSS file as instructed but used different names. then change the MMM-weatherforcast.css file to point to the icos i wanted shown rather than the default selection. Theres quite a few icons to select from in the icon folder of the git file. I just chose the ones i liked the best based on the fortecast

      1 Reply Last reply Reply Quote 0
      • O Offline
        osfersa
        last edited by

        How did you get to use the whole 7’ screen, when I build mine, it cropped the top and bottom?

        Screenshot 2021-10-11 003031.jpg

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

          mm does not know it’s a touch screen the browser draws on the screen and it so happens that it supports touch events , like mouse events. click here , click there.

          the thing under the click point reacts to the event or not, depending on what browser element it is.

          if the screen doesn’t support touch, then there is not click event, but the html widget is the same

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          O 1 Reply Last reply Reply Quote 1
          • H Offline
            harney @osfersa
            last edited by

            @osfersa In the Main.Css file
            body {
            margin: 10px;
            position: absolute;
            height: calc(100% - 20px); ##Change this to 100% - xx
            width: calc(100% - 20px);

            1 Reply Last reply Reply Quote 0
            • Robin GarnerR Offline
              Robin Garner @harney
              last edited by

              @harney how long did it take you to make this? and does it have any bugs? I’m just curious to how does it work!!

              H 1 Reply Last reply Reply Quote 0
              • O Offline
                osfersa @sdetweil
                last edited by

                @sdetweil Works now Thank you.

                1 Reply Last reply Reply Quote 1
                • H Offline
                  harney @Robin Garner
                  last edited by

                  @robin-garner It took longer to print the cases than it did to do the software. Its all relatively straightforward modules. Just follow the instructions and you wont have any problems.

                  Although, for some reason Speedtest module no longer works since Ookla made some changes to their software. This would be the only bug I have fown and that was only recently (since August I think)

                  1 Reply Last reply Reply Quote 0
                  • freddiewoodsF Offline
                    freddiewoods
                    last edited by

                    very good efforts

                    1 Reply Last reply Reply Quote 0
                    • K Offline
                      kimcat
                      last edited by

                      Works now Thank you.

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