@gverbist Try rotating the content of the webpage instead of rotating the entire screen.

https://forum.magicmirror.builders/topic/9707/save-performance-when-rotating-screen-e-g-on-raspberry-pi

@Jacob66 Adjust the margin in css

body {
  margin: 100px;
  height: calc(100% - 200px);
  width: calc(100% - 200px);
}

Add that to your custom.css file

when you adjust the margin remember to remove double that on the height and width.

You are missing config lines and have to many }-brackets

I would just suggest that you rename that config.js file to config.js.bak and start over from scratch.

@Legendary_Wiz

Don’t know exactly what module you are using since there is more than one monthly calendar, but try this :

.calendar_monthly .xsmall {
 Font-size: 50px;
Line-height: 50px;
 }

MMM-syslog can recieve whatever text you send it (via http get) and it will display directly on your mirror

@CedericPrivat said in Frameless Touch Smart Mirror:

@broberg That makes sense. The question is, where do I get such a screen (apart from suppliers for commercial use). It should be at least 32". Maybe Aliexpress or something similar?

Quick Update: I wrote an Email to Displax to maybe provide us with a price list, and if it is even available for private customers.

Regardless where (and if you find other suppliers) it would cost you a lot of cash. Since it’s still a very niche product and therefore not produced in any great quantities.

Especially at the size of 32" (where only a regular two way mirror would set you back a great deal)

@CedericPrivat thats the thing if you fuse the mirrorcoating, the glass and the touch grid (capacative touch is basically really thin wires layed out in a grid). You could probably program the touch controller circuit to disregard any sensor noise created by the metallic mirror coating.

So basically, the touch grid is above the mirror, not under it. And probably seperated by a layer of glass.

You need a mirror with “built in” touchfoil.

supposedly it has to be layered between the different glass-layers and then tuned to disregard the mirror coating, but this is just a guess since I’m not sure how they’ve made it otherwise. Maybe a non metallic mirror coating?

Anyway, you can buy Two way mirror glass with touch from Displax :

https://forum.magicmirror.builders/post/57703

First off, Don’t alter anything in the main.css itself (this will fuck shit up when you are trying to update your mirror later)

Everything you add in custom.css will overwrite anything already in the main.css file (so if

body {
  margin: 20px;
  ...

exists in main.css then

body {
  margin: -2px;
  ...

in custom.css will overwrite that line in main.css)

If you want to free float any placement your modules should have this code

.clock{
position: absolute;
left : 100px
top : 50px
}

This will force the position of the module to be calculated from the top left corner of the screen.

This will drop the margin completely :

body {
  position: absolute;
  margin: 0px;
  height: 100%;
  width: 100%;
}

There is many ways to change the sizes, either by font-size or zoom (which would scale everything by

If the config parameters doesn’t change anything you probably have a typo somewhere that negates your changes and instead goes with the defaults specified in the module.

You could play around with css

maybe something like this :

.clock .date {
position: relative;
top: 100px;
}

(add this to the custom.css not the main.css)