SOLVED Screen rotation and resizing

Thgj0842

Hi

yes i have searched the forums but i havent found an answer to my problem

so i can rotate the monitor, both via /boot/config.txt and via css.js
my problem is that i can not figure out how to resize the screen to fit the rotated monitor

I’m running a 1920x1200 horizontal monitor
i physically rotate the monitor, i edit either config.txt or css.js and the screen rotates but the magicmirror interface looks like it is still horizontal. I only see half of the modules and it dont fill down the monitor to the bottom.

is it a limitation in Rasbian Buster because i am running with desktop or is it required to run desktop ?

have i missed a config file ?
Greets
TT

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

sonicgoose

@Thgj0842 I did this just yesterday with a new install of Raspbian and MagicMirror. I put

display_rotate=3

at the very end of /boot/config.txt after rotating my monitor 90º counter-clockwise. You may need to try

display_rotate=1

if you’ve rotated 90º clockwise.

That’s all I had to do.

evroom

@Thgj0842

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 !