MMM-SmartWebDisplay : Regions / Resizing

[gaudouy]

Hello,

I would like to know how to resize the " MMM-SmartWebDisplay " module so that it can occupy the following regions:

upper_third is yellow
middle_center is cyan
lower_third is magenta

I would like it to occupy the following space(red):

I tried without success for two days trying to modify the CSS, the module, the config file … nothing works.
My skills are very very limited.

Do you have any ideas ?

Thanks in advance,
Regards,

[lavolp3]

I would set it into the top_left region right below the default clock module.
Then in the custom.css I would set

.MMM-SmartWebDisplay {
  height: xxxpx;  //put in the height you want, e.g. 600px
  width: 100%;
}

Not sure if that works. Try it out.

[gaudouy]

Thanks for your response.

I set the top_left region in the conf file and I add your code at the end of the css.

.MMM-SmartWebDisplay {
  height: 1000px;  //put in the height you want, e.g. 600px
  width: 100%;
}

But it’s not working :( :

[gaudouy]

When I define FullScreen, the size of the module is the same. What is the method for change his size ?

[A Former User]

@gaudouy said in MMM-SmartWebDisplay : Regions / Resizing:

MMM-SmartWebDisplay

like this ?

[A Former User]

for your help, try launch MM with dev for open console.
You can modify CSS in real time and see result

and… humm, use webview for displaying ALL link
iframe is so limited for this and return many error :)

[gaudouy]

@Bugsounet said in MMM-SmartWebDisplay : Regions / Resizing:

for your help, try launch MM with dev for open console.
You can modify CSS in real time and see result

and… humm, use webview for displaying ALL link
iframe is so limited for this and return many error :)

It’s work when I modify the Ifram size ! Thanks :D

[imchrisrein]

I am in the same boat. Added a webpage but only a small sliver is showing. The first picture is the style that I am going for and the second picture is my current setup.

Any idea how to get the whole web page to show? Is it in my custom css or something within the module that needs to change?

[sdetweil]

@imchrisrein what position is it set in?

[imchrisrein]

@sdetweil
I have tried a bunch of different regions, but right now I have lower_third

[sdetweil]

@imchrisrein lower-third starts 66% down from the top…

look at main.css to see the region positions

[imchrisrein]

@sdetweil
I don’t think this is something that I will be able to change in .css.

I am a noob at this but making changes have gone nowhere so far :crying_face:

edit**

I used Webview and think I am satisfied

Just need to center my qr code for my wifi now

[imchrisrein]

@imchrisrein