MagicMirror² v2.14.0 is available! For more information about this release, check out this topic.

MMM-SmartWebDisplay : Regions / Resizing



  • Hello,

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

    alt text
    upper_third is yellow
    middle_center is cyan
    lower_third is magenta

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

    mm_sizing.jpg

    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,


  • Module Developer

    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.



  • 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 😞 :
    mm_sizing-2.jpg



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

    mm_sizing-3.jpg



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

    MMM-SmartWebDisplay

    like this ?



  • 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 🙂



  • @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 😃


Log in to reply