MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    Save performance when rotating screen e.g. on Raspberry Pi

    Showcase
    11
    19
    11650
    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.
    • P
      ptrk95 Module Developer @j.e.f.f last edited by

      @j-e-f-f thank you! Of course you can 🙂

      1 Reply Last reply Reply Quote 0
      • J
        Joern last edited by

        Hello,

        Iam struggeling on my PI3 to rotate by 90deg to right. Monitor has 1920x1080.
        But I see only black screen at any other position than -90deg!!
        As I need to change to 90deg or -270deg I got only black screen (also 180deg even) …

        So I changed config.txt to:

        display_hdmi_rotate=0
        framebuffer_width=1920
        framebuffer_height=1080
        

        & custom.css to:

        body {
                margin: 0;
                position: absolute;
                transform: rotate(90deg);
                transform-origin: top left; 
                width: 100vh;
                height: 100vw;
                object-fit: cover;
                top: 100vh;
                visibility: visible;
        }
        

        What is missing?

        Worse case I change physical mounting way, but not preferred :face_with_stuck-out_tongue_winking_eye:

        1 Reply Last reply Reply Quote 0
        • J
          Joern last edited by Joern

          transform: rotate(90deg);
          transform-origin: top right;
          

          works at least see have screen, but only half screen is used, so no option…

          1 Reply Last reply Reply Quote 0
          • H
            hdez last edited by

            Warning! Extreme newbie here. This is only my second day playing with Magic Mirror css.

            I changed my css file and boot/config.txt following @evroom’s instructions above and although I was able to rotate the screen with these instructions, like @Joern, the Magic Mirror modules only fill the bottom half of the screen.

            My CSS file is as follows (sorry, I don’t know how to put this in a separate box):

            body {
            margin: 0px; If I omit “px”, Magic Mirror does not display correctly.
            position: absolute;
            transform: rotate(90deg);
            transform-origin: top right;
            width: 100vh;
            height: 100vh; If I change this to “100vw”, Magic Mirror does not display correctly.
            object-fit: cover;
            top: 100vh;
            visibility: visible;
            background: #000;
            color: #aaa;
            font-family: “Roboto Condensed”, san-serif;
            font-weight: 400;
            font-size: 2em;
            line-height: 1.5em;
            -webkit-font-smoothing: antialiased;
            }
            .MMM-HTMLBox {
            font-size: 18px;
            line-height: 22px;
            }
            .MMM-RTSPStream header {
            text-align: left;
            }
            .MMM-RTSPStream .innerWrapper {
            border-style: none;
            }

            …a few more entries after these ones.

            My boot/config.txt contains the following entry:

            display_hdmi_rotate=0
            framebuffer_width=1600
            framebuffer_height=900

            Any entries shown here that were not included in @evroom’s instructions, are from the original installation of Magic Mirror.

            I’m running Magic Mirror latest software on a Pi4 with an Acer 24" monitor.

            Any ideas as to what I should change in order for the modules to fill the entire screen?

            Any help will be greatly appreciated.

            S 1 Reply Last reply Reply Quote 0
            • S
              sdetweil @hdez last edited by

              @hdez said in Save performance when rotating screen e.g. on Raspberry Pi:

              (sorry, I don’t know how to put this in a separate box

              after you paste the text, select it, and then push the button above the editor that looks like </>

              Sam

              Create a working config
              How to add modules

              H 1 Reply Last reply Reply Quote 0
              • H
                hdez @sdetweil last edited by

                @sdetweil Thanks. Next time.

                1 Reply Last reply Reply Quote 0
                • H
                  hdez last edited by

                  Never mind guys I was able to get it to work by following the instructions here
                  After all it wasn’t the css file that I needed to change, but the Pi autostart file in the /etc/xdg/lxsession/LXDE-pi/ folder.

                  1 Reply Last reply Reply Quote 0
                  • G
                    Goeste last edited by

                    Thank you @ptrk95, that just came in handy while playing around with fullpageos and the magic mirror in my docker setup!

                    1 Reply Last reply Reply Quote 0
                    • F
                      floydrexdime last edited by

                      Hi there! thanks for the easy fix! Is there a way to reposition the modules on the mirror? when I rotate the screen 90 degrees the bottom module (the newsfeed) its completely cut out.

                      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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy