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.

    Rotate screen by custom.css work only for -90deg

    Scheduled Pinned Locked Moved Troubleshooting
    9 Posts 2 Posters 1.7k Views 1 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.
    • J Offline
      Joern
      last edited by Joern

      Hello,

      based on that showcase here
      [Showcase] (https://forum.magicmirror.builders/topic/9707/save-performance-when-rotating-screen-e-g-on-raspberry-pi/12)
      I tried to rotate screen. So post it here again in Troubleshooting, as showcase is not right place for support I assume.

      Iam struggeling on my PI3 to rotate by 90deg to right. Monitor has 1920x1080.
      Doing it I see only black screen at any other position than -90deg!!
      At -90deg screen is there only upside done…
      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/wrong?

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

        This post is deleted!
        1 Reply Last reply Reply Quote 0
        • J Offline
          Joern
          last edited by Joern

          Hello,

          I tried your proposal in custom.css.

          For -90deg as written works fine.
          For 90deg again black screen.

          (edit: 0deg , 180deg, -270deg result in black screen)

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

            This post is deleted!
            1 Reply Last reply Reply Quote 0
            • J Offline
              Joern
              last edited by Joern

              Screen appears THANKS, but whole display is having a offset of approx 10% moved to right… (left black bar, right gutted away…)

              bottom: 110%; works for right side, but left side is cutted.

              ist that something that is driven maybe by config or main.css?

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

                After removing frame margin from main.css body, works fine!!
                @hango - Big thanks for super fast reply!!

                body {
                  margin: 0px;
                  position: absolute;
                  height: calc(100% - 0px);
                  width: calc(100% - 0px);
                
                1 Reply Last reply Reply Quote 0
                • ? Offline
                  A Former User
                  last edited by A Former User

                  This post is deleted!
                  1 Reply Last reply Reply Quote 0
                  • J Offline
                    Joern
                    last edited by Joern

                    bottom 110% was first try, but cutted away parts on left side :-( even if there was space… Margin 0, if not other issues will come - works fine as mirror is anyhow bigger…

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

                      This post is deleted!
                      1 Reply Last reply Reply Quote 0
                      • 1 / 1
                      • 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