<![CDATA[Scale website in MMM-EmbedURL]]>Hello,
I use docker version of MM and want to show a URL with the energy consumption figures of my house.
The URL is shown, but only a small part of it. I added settings in css to change the size of the window, but I want the complete screen(site) to be shown in the window. Is that possible?

The settings for the module in config.js are:

{
                        module: "MMM-EmbedURL",
                        position: "bottom_left",
                        header: "P1 Monitor",
                        config: {
                                updateInterval: 120,
                                embedElementType: "webview",
                                basicElementType: "div",
                                embed: [
                                {
                                        attributes: [
                                                "frameborder=0",
                                                "scrolling=no"
                                        ],
                                        embed:  [
                                                "http://p1monitor/main-1.php"
                                        ]
                                },
                                ]
                        },
                },

And I made this adjust at the top of the config.js:

let config = {
        electronOptions: {
                webPreferences: {
                webviewTag: true,
                },e
        },

In custom.css I have added these settings:

.MMM-EmbedURL .embed .embeded {
    width: 600px;
}

This is showing on the mirror:
203c9f69-3eb3-4415-b05a-dd213a5c494d-B6FBFCE0-C43E-4E21-9B97-506BEFE3360A_4_5005_c.jpeg

So how can I show the entire site in the window of 600px?

Thanks in advance.

Regards,
Gerben

]]>https://forum.magicmirror.builders/topic/17840/scale-website-in-mmm-embedurlRSS for NodeMon, 10 Aug 2026 19:57:46 GMTSun, 11 Jun 2023 20:52:40 GMT60<![CDATA[Reply to Scale website in MMM-EmbedURL on Mon, 03 Jul 2023 19:51:39 GMT]]>@wishmaster270
The page doesn’t scale automatically, so maybe that’s the issue.

Now I have used a different module: MMM-WebView, set the width and height in config.js and used the “transform: scale(0.6)” in custom.css to adjust the size. Now the complete website is shown with a proper size.

Thanks for your help!

Regards,
Gerben

]]>https://forum.magicmirror.builders/post/110074https://forum.magicmirror.builders/post/110074Mon, 03 Jul 2023 19:51:39 GMT<![CDATA[Reply to Scale website in MMM-EmbedURL on Sun, 25 Jun 2023 19:24:23 GMT]]>@gerbenvs Interesting…
Maybe the page you want to display does not support properly.
Does it scale down automatically if you display the page in a normal browser, resize the browser window and refresh the page?

]]>https://forum.magicmirror.builders/post/109915https://forum.magicmirror.builders/post/109915Sun, 25 Jun 2023 19:24:23 GMT<![CDATA[Reply to Scale website in MMM-EmbedURL on Sun, 25 Jun 2023 15:03:52 GMT]]>@wishmaster270 said in Scale website in MMM-EmbedURL:

“height=400px”,

Hi wishmaster270,

Thanks for your reply.
I did try those options, but they don’t seem to have any impact on the size that is shown.
Also the scrolling option is not working, because I still see scrolling bars at right side and bottom.

Adjusting the css will change the size that is shown, but the site is not scaled and only a very small piece is shown.

]]>https://forum.magicmirror.builders/post/109913https://forum.magicmirror.builders/post/109913Sun, 25 Jun 2023 15:03:52 GMT<![CDATA[Reply to Scale website in MMM-EmbedURL on Mon, 12 Jun 2023 11:38:11 GMT]]>@gerbenvs Hi, I think it might be possible if you add a width and height to the attributes of the webview:

{
                        module: "MMM-EmbedURL",
                        position: "bottom_left",
                        header: "P1 Monitor",
                        config: {
                                updateInterval: 120,
                                embedElementType: "webview",
                                basicElementType: "div",
                                embed: [
                                {
                                        attributes: [
                                                "frameborder=0",
                                                "scrolling=no", 
                                                "width=600px",
                                                "height=400px",
                                        ],
                                        embed:  [
                                                "http://p1monitor/main-1.php"
                                        ]
                                },
                                ]
                        },
                },

I do not have a chance to test it at the moment but you may want to give it a try.

]]>https://forum.magicmirror.builders/post/109774https://forum.magicmirror.builders/post/109774Mon, 12 Jun 2023 11:38:11 GMT