How you do it all depends on how the code looks.
But align it with css to the right maybe?
Is it DIVs or a table?
Table, adjust the cellspacing and margins
DIVs, adjust the size of the DIVs and set alignment.
How you do it all depends on how the code looks.
But align it with css to the right maybe?
Is it DIVs or a table?
Table, adjust the cellspacing and margins
DIVs, adjust the size of the DIVs and set alignment.
@AndrewEscobar and this is related to the MagicMirror 2 platform how?
@truemark said in Mirror with no frame???:
@bhepler You can also use this: https://www.glasstekinc.com/product/2k-touch-foil/ on the back of the mirror over the tv to make it interactive.
Probably not, but you are very welcome to make it work!
Config.js doesn’t really do anything to the layout, it is the index.html and main.css that defines the different positions that you can use.
It should load main.css, then calendar.css and last custom.css
The last loaded css takes presidene over the others (thats why one should make changes in custom.css only).
Instead of rotating the display in the OS, just rotate the magicmirror webpage with css.
https://forum.magicmirror.builders/topic/9707/save-performance-when-rotating-screen-e-g-on-raspberry-pi/11
That way you don’t change the screens rotation and thus don’t need to rotate the touch interface.
possibly the " hideLoadTimer: false," configuration option? (change to true if not already)
or maybe .MMM-Netatmo .updated {visibility: hidden;}
LBC have some channels with m3u streams it looks like :
LBC (London stream)
http://media-ice.musicradio.com/LBCLondon.m3u (HE AAC format)
http://media-ice.musicradio.com/LBCLondonMP3Low (MP3 low bit rate)
LBC (National stream)
http://media-ice.musicradio.com/LBCUK.m3u (HE AAC format)
http://media-ice.musicradio.com/LBCUKMP3Low (MP3 low bit rate)
LBC London News 1152
http://media-ice.musicradio.com/LBC1152.m3u (HE AAC format)
http://media-ice.musicradio.com/LBC1152MP3Low (MP3 low bit rate)
You would need a radio-reciever then. Or Are you referring to web broadcasts from radio stations?
If it’s the last one there is a couple of modules that does that already.
A quick search for “radio” in the forum gives me these :
https://forum.magicmirror.builders/topic/1106/a-very-simple-web-radio-player-controled-by-voice
https://forum.magicmirror.builders/topic/6600/mmm-myradio-web-radio-player
https://forum.magicmirror.builders/topic/1663/mmm-radiode-simple-web-radio-de-player
The three on top uses mpg123, a command line mp3 player that supports m3u radio-streams.
You can either use the “zoom” function in css, like ..modulename { transform: scale(0.8) }
Or you can set a specific width for the module so it forces the text to get a row break like .modulename { width: 200px; }
First of you have to set “showDescription” to “true”
but do note, no RSS news feed give you the entire article, it gives you the headline and a short description of the article.
@gverbist Try rotating the content of the webpage instead of rotating the entire screen.
@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.
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 :
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.