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.

    3.5inch Display

    Scheduled Pinned Locked Moved Hardware
    12 Posts 10 Posters 3.6k Views 9 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.
    • D Offline
      dgregory19
      last edited by

      This wasn’t my real intention to use the small screen for MM but you know how things go. My issue is all the default modules are all in the middle and on top of each other.
      The display is TFT Resistive Touch, 320x480. I purchased it from Amazon. Kuman 3.5” Display.
      At first glance I didn’t see config setting to change font size for modules. Also, haven’t been able to get the settings config to work for the display.

      Thanks in advance,
      Doug

      Mykle1M brobergB ? qu1queQ 4 Replies Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @dgregory19
        last edited by

        @dgregory19

        I don’t know how much play you’ll have with the display being so small. The regions are probably on top of each other as you pointed out. You could try resizing using this guide.

        https://forum.magicmirror.builders/topic/5619/how-to-find-and-use-key-commands-in-mm-for-absolute-beginners

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 0
        • brobergB Offline
          broberg Project Sponsor @dgregory19
          last edited by broberg

          @dgregory19

          Anything visually related can be changed with CSS (the custom.css file and not in the config file).

          You can either change font sizes or you could try scaling the entire page :

          in your custom.css file add :

          body {
             transform: scale(0.4);
             transform-origin: 0 0;
          }
          

          this will scale down the entire page to 40%

          But with your low resolution screen I would suggest to minimize the data displayed (maybe use a page/profile module to switch between displayed information). Smaller font size will do much, maybe even change the font to a more pixelated font for clearer display.

          1 Reply Last reply Reply Quote 0
          • ? Offline
            A Former User @dgregory19
            last edited by

            @dgregory19
            It’s too small to display something.
            By example, Only 32chars with 10px size could be displayed in one line on 320 width. With smaller size, hard to be read as letters. I think 6-8px could be the smallest but ugly.
            I recommend you to use a page module, and locate just one module in each page at once.

            1 Reply Last reply Reply Quote 0
            • buzzkcB Offline
              buzzkc
              last edited by buzzkc

              I’m working on that same display. I’m mostly changing all the default module regions to center_middle. I’m running MMM-pages to show only one module at a time in that area. I have a navigation module I wrote for that screen to navigate prev/next and a home button to go to the default (first loaded module in MMM-Page modules config) module. The navigation module is on the bottom_bar region.

              Touch Swipe module: https://github.com/buzzkc/MMM-TouchSwipe

              My build for the 3.5" screen:
              https://forum.magicmirror.builders/topic/11395/bedside-touchscreen/2

              Darren

              My Build: https://forum.magicmirror.builders/topic/11153/new-non-mirror

              1 Reply Last reply Reply Quote 0
              • G Offline
                guicastello
                last edited by

                Hello Everyone

                I did manage to use 3 areas in 3,5 inches display, not much, but…
                IMG_20200713_144705371.jpg

                bheplerB L 2 Replies Last reply Reply Quote 1
                • bheplerB Offline
                  bhepler Module Developer @guicastello
                  last edited by

                  @guicastello - Wow. Amazing that you got that much to show given the small area available.

                  1 Reply Last reply Reply Quote 0
                  • L Offline
                    lucas781 @guicastello
                    last edited by

                    @guicastello hi! Would you mind sharing the css file you used to make it look that nice?
                    I would also like to take this challenge and make an informative device for my desk :)
                    Thanks!

                    1 Reply Last reply Reply Quote 0
                    • qu1queQ Offline
                      qu1que Project Sponsor @dgregory19
                      last edited by qu1que

                      @dgregory19

                      3.5" is a too big screen size (just kidding, hehe).

                      I’m with a 2.2" screen project. Right now I have it a bit abandoned, but I’m counting on taking it up again soon. I can’t say exactly which file/s I modified but I can check it at any time in case it helps you.

                      In the end, what I did was that, using the MMM-pages module , only one module is shown on each page.

                      This is my project (unfinished for now) if you want to take a look:

                      https://forum.magicmirror.builders/topic/13333/starting-a-new-project-magic-mirror-on-a-small-2-2-inches-screen/5?_=1605305832928

                      I hope it helps u.

                      Translated with www.DeepL.com/Translator (free version)

                      1 Reply Last reply Reply Quote 0
                      • BKeyportB Offline
                        BKeyport Module Developer
                        last edited by

                        Too small of a display for MM - I couldn’t even get one module at a time to work with a 5" display. (that RPI is now running a “Hamclock” on my shack’s desk.

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

                        L 1 Reply Last reply 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