Screen rotation and resizing

evroom

There is a thread somewhere that discusses rotation via css.
I have my monitor rotated 90 degrees, clockwise, using these settings:

~/MagicMirror/css/custom.css

body {
  margin: 0;
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: top left;
  width: 100vh;
  height: 100vw;

  object-fit: cover;
  top: 100vh;
        visibility: visible;
 }

/boot/config.txt

display_hdmi_rotate=0

Here are all settings from my current config.txt:

$ cat /boot/config.txt | egrep -v '^$|#'
decode_MPG2=0xYYYYYYYY
dtparam=audio=on
hdmi_group=2
hdmi_mode=83
display_hdmi_rotate=0
framebuffer_width=1600
framebuffer_height=900
gpu_mem=128

Give it a try.

Thgj0842

this is strange

like i wrote i have tried all this. but of cause now when i tested again it is working ???

so it is working on my monitor here at home but when i tested this earlier today it was at work

i will check tomorrow again on my work monitor

Thgj0842

do

i found the “problem”

yesterday i tried to rotate the screen with display_rotate=1, 2 and 3
i tried to set the framebuffer_width=1920 and framebuffer_height=1200 also tried to reverse it but i could not get it to work.

then i found the post about the CSS method and when testing that out i must have forgotten to uncomment display_rotate in config.txt

the CSS method is working without problems.

Have a nice X-Mas
\TT

rjansy

Hi there, this fix has seemed to work for me as well. However I cannot get it the correct way round in my case. This means +90 degrees OR -270 degrees. Neither of these options seem to work, however -90 degrees seems to work. Does anyone know a solution for this?

evroom

@rjansy
Hi,
do you want to rotate your monitor clockwise or counter-clockwise?
See my response above on how I clockwise rotate my monitor.
Make sure you do not rotate via /boot/config.txt when using the css solution.
Set it to zero and reboot to activate.
Now in config.css, you have to counter-rotate, so -90 degrees, to have your MM displaying horizontal again.
So, you turn your screen +90 degrees, therefore you make it up again by rotating the contents of your screen -90 degrees.
When rotating your screen counter-clockwise, the opposite applies.

Good luck !

doubleT

I had trouble using the CSS method and googled a bit more.

in /etc/xdg/lxsession/LXDE-pi/autostart ad this line (with sudo):
@xrandr --output HDMI-1 --rotate right

kayakbabe

@doubleT

for the screen size, look in the magicmirror doc for the electron options, you’ll want the full screen option probably. but you can set width and height too. You make these changes in your magicmirror config.js

When messing with modules and stuff, I generally set my screen size width and height to about half of my monitor so I can edit config and things comfortable on the same screen.

tips:
Ctrl+m will minimize electron and thus magic mirror, if you need to get to the desktop and are running full screen.

click on teh electron instance then ctrl+r will reload magic mirror. That way you don’t have to completely stop and reload when you are messing with css or config. At least 90% of the time ctrl+r wll be enough.