problem with module place

kolk123

hello!
If got a problem.
Last night i added a Iframe on my mirror.
i linked it to my ipcamera link so i can see who’s at the front door.
now i wanna place the module to the middle. its not in de center
how can i do that? Printscreen Link

Mykle1

@kolk123 said in problem with module place:

how can i do that?

In your custom.css file you could try:

.iFrame {
  margin-left: -200px;
}

Adjust accordingly

richfreeman

Hi Kolk,
Could you post the config.js relating to this iframe please.
I’m having difficulty getting an iframe to appear on MMM.

Thanks.

kolk123

Thanks for reply mykle1
if put it in to the css but didnt work. even with iframereload in the line between body
do you have more sugestions?

richfreeman
i use MMM-Iframe reload with this code
{
module: “MMM-iFrameReload”,
position: “top_center”,
header: “”,
config: {
url: “http://xxx-xxxx/stream/video/mjpeg”,
width: “215%”,
height: “500px”,
position: “fixed”,

Mykle1

@kolk123 said in problem with module place:

module: “MMM-iFrameReload”,

Oh, you said iFrame in your original post. No mention of “MMM-iFrameReload”. So, substitute that for iFrame. The entry does not go in the body of the custom.css file

kolk123

@Mykle1 no sorry your totally right!!
I tried also without the body but that didn’t work.

cowboysdude

@kolk123 said in problem with module place:

width: “215%”,

Why are you using 215% for width? That’s a pretty big number…

kolk123

@cowboysdude if I use less than shows the scroll bar.

cowboysdude

@kolk123 try this in your custom css

body {
overflow:hidden;
}

or this

::-webkit-scrollbar {
display: none;
}

kolk123

@cowboysdude
Thanks for you response.! I can do that but if I make it smaller my camera shows not the hole screen. The resolution of the camera is high so if I make it smaller i can’t see everything. only thing I want is the screen in the middle.