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

7" Touch Screen Display

Scheduled Pinned Locked Moved Custom CSS
7 Posts 4 Posters 1.3k Views 4 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.
  • T Offline
    TigersFan
    last edited by Feb 29, 2020, 12:54 AM

    Is there a way to automatically get the MagicMirror information to nicely fit a 7" touch screen display? It’s fine on a large monitor but we are making a magic mirror using the 7" touch screen. I have seen documentation mentioned a “zoom” configuration but it’s anywhere within the config file.

    I seen information about a custom.css file. Is there one out there for reference? How do you get the MagicMirror module to recognize and load the custom.css file?

    Any help would be appreciated!

    ? 1 Reply Last reply Feb 29, 2020, 1:01 AM Reply Quote 0
    • ? Offline
      A Former User @TigersFan
      last edited by Feb 29, 2020, 1:01 AM

      @TigersFan
      https://developer.mozilla.org/en-US/docs/Web/CSS/zoom

      T 1 Reply Last reply Feb 29, 2020, 1:23 AM Reply Quote 0
      • T Offline
        TigersFan @Guest
        last edited by Feb 29, 2020, 1:23 AM

        @Sean Thanks for the reference!

        Do you recommend adding it to the main.css file?

        M 1 Reply Last reply Feb 29, 2020, 1:37 AM Reply Quote 0
        • M Offline
          Mykle1 Project Sponsor Module Developer @TigersFan
          last edited by Feb 29, 2020, 1:37 AM

          @TigersFan said in 7" Touch Screen Display:

          Do you recommend adding it to the main.css file?

          It isn’t recommended that you modify the main.css file. Make your changes/modifications to your custom.css file. :-)

          Create a working config
          How to add modules

          T 1 Reply Last reply Feb 29, 2020, 1:43 AM Reply Quote 0
          • T Offline
            TigersFan @Mykle1
            last edited by Feb 29, 2020, 1:43 AM

            @Mykle1

            That’s what I figured. :)

            I got the zoom to work in main config file. Any resources for changing the orientation of the screen from landscape to portrait?

            M 1 Reply Last reply Feb 29, 2020, 1:57 AM Reply Quote 0
            • M Offline
              Mykle1 Project Sponsor Module Developer @TigersFan
              last edited by Feb 29, 2020, 1:57 AM

              @TigersFan

              There is a topic here somewhere that does exactly that with css. Do a search of the forum and I’m sure you’ll find it. :-)

              Create a working config
              How to add modules

              1 Reply Last reply Reply Quote 0
              • B Offline
                BKeyport Module Developer
                last edited by Feb 29, 2020, 3:36 AM

                Personally, I just used my 7" display as a two module unit - clock and calendar. That’s it. Now, it’s the control panel for my 3D Printer.

                The "E" in "Javascript" stands for "Easy"

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