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

CalendarExt2 size



  • Trying to put calendarext2 in top right corner on month view. Im able to get the width fixed in the custom css however the height is bigger then the mirror . how can i scale the size or the height of the month view.


  • Module Developer

    @mscrawford5
    Impossible and not recommended.
    Default Mirror region structure is too small to put that view on that region.
    If you need some more brief view of month on that region, consider plugin module MMM-CalendarExtMiniMonth(https://github.com/eouia/MMM-CalendarExtMinimonth).
    screenshot



  • Sorry for so many questions . Just to make sure I’m understand you correct .
    There is no way to resize month view to fit in the box shown in the picture?
    Thank you again !
    alt text



  • Not sure why i cant get the image to post

    https://imgur.com/a/gkc1nur


  • Module Developer

    @mscrawford5 You could resize and move the regions, but it’s not recommended too much. for instance, I have this in my css files to make my regions look the same…

    /* Left Regions adjustment */
    .region.left {
    	text-align: center;
    	min-width: 500px;
    }
    
    /* Right Regions - set minimum width */
    .region.right {
    	text-align: center;
    	min-width: 500px;
    }
    

    my left regions are covered by CX2 in daily mode, my right is my clock, room temp, etc, and was CXMM… (I’ve started writing my own that’s independent of CX/CX2 so I can show multiple months etc without hacking)

    edit: I forgot that I had to fix some things within CX2 to make it look right too:

    /* CalExt2 - Adjust slot size  */
    .CX2 { /* default values which are used frequently or dependently */
      --row-min-width: 100px; /* Height */ 
      --row-max-width: 500px;
      --column-min-width: 500px; /* Width */
      --column-max-width: 500px;
      --font-size: 16px;
    } 
    


  • Thank you for the help. Thats what ive been trying to do to adjust it. Just not getting anywhere. Im really new to all of this and was hoping there was something simple i need to add to css to adjust its size.
    thanks again


Log in to reply