Changing Module Display Width



  • Hi all-

    I found a “today in history” type news feed, but the entries are a tad longer than what is displaying. How would I adjust the viewing area for a module? FYI, not a coder/developer/programmer…just a DIY hobbyist that thought this looked like something fun to try. Thanks!


  • Module Developer

    @selym

    in the custom.css

    add

    .MMM-modulename {
        width : 200px;
    }
    

    Be shure to get the module name exactly right (case sensitive and all).
    Do experiment with the width, 200px might be to small, it’s just an example to get you started.



  • @broberg

    … so this will work for any module? Such as clock, calendar etc? Will this keep aspect, or is there another addition for height?

    Im not sure how custom css actually works, so excuse if this sounds dumb… but when entering the code in there do i jist hit save and thats it? Is a reboot needed before the alteration shows?

    I already added something that Mykle1 told me to add in there but dont think i did it right … so since thats already in there do I just add your code at the end of what i have in there already… no { or [ ] , before or after… just exactly as you put it here?

    Tvmia


  • Module Developer

    If it’s the one I made then it’s this:

    In the config.js it’s a config option:

     {
        module: 'MMM-History',
        position: 'top_right',
             config: {
    	 maxWidth: "325px"
    		}
              },
    


  • @cowboysdude

    Perfect thanks


  • Module Developer

    @johnnyboy said in Changing Module Display Width:

    @cowboysdude

    Perfect thanks

    You’re welcome!

    You can also do this:

     {
        module: 'MMM-History',
        position: 'top_right',
             config: {
    	 maxWidth: "33%"
    		}
              },
    

  • Module Developer

    @johnnyboy It will change the height/width of the module “container”, it will not affect the size of objects, images or fonts. Normally the module “container” will adapt to the size of it’s content. but with the width/height specified you force it to be a set width/height.



  • @broberg

    Ahhhhhhhhh… Gotcha ;-)… reduce the % of the container also reduces it’s contents in relation. Thanks.


  • Module Developer

    @johnnyboy well, not entirely, the content (text etc.) don’t change in size, all you do is changing the surface that the content can take up.

    like moving from a big garage to a small, you still have the same amount of stuff but less area to put it in, so the stuff that doesn’t fit spills over and out on to the yard.



  • @broberg
    Oh, ok… Well I will play about with it anyway just to see what that does to it… just so I will know for experience as its another learning curve i’ve learned


Log in to reply
 

Looks like your connection to MagicMirror Forum was lost, please wait while we try to reconnect.