@Mykle1
Thanks guys, now I have some new weird issue. It seems I have a black bar at the top of my screen. I though this was black because it was the empty “Top_bar”, however now that I just installed this fancy new weather app in my “top_bar”, it’s sitting ontop of the other modules which i have in Top_left and Top_right… Anyone have any thoughts?

This black bar is not there when the Raspbian desktop is shown.

thanks!!

I looked at all the weather modules, but don’t seem to see anything which displays a 5-7 day forecast within the top or bottom bars. Does something like this exist? None of the existing modules appear to have a format for this.

thanks!

Also would like to know how to remove the extra line at the bottom of the events in each day. This sucks up a bunch of space.

Re: MMM-CalendarExt2
Hello all, loving this project, new to MM… I see lots of things I like but don’t always see how to accomplish then, any help you guys can provide would be awesome.

Using a 1920x1080 display rotated, want full month view to replace traditional wall calendar.

• How can I get events to wrap to second line in month view?
  Saw somewhere that it’s not possible due to multi day events? However I think I just saw someone post this.

• My entire left side of my calendar getting cut off - How can I shift the whole calendar to the right? I’m assuming I have some conflict border or margin setting somewhere, but after many edits, I still cannot correct it.

• Why does calendar disappear for a second and come back? Is it refreshing? Can I stop it from disappearing?

*************  CONFIG.JS **********
 {
                          module: 'MMM-CalendarExt2',
                          config: {
                            calendars : [
                              {
                                url: "https://rest.cozi.com/api/ext/
/*                              url: "https://calendar.google.com/calendar/
                              },
                            ],
                            views: [
                                {
                                  title: "What's Happening Soon",
                                  name: "DailyView",
                                  mode: "daily",
                                  calendars: [],
                                  position:"top_left",
                                  hideOverflow: false,
                                  slotCount: 3,
                                  className: "remove_empty_slot"
                                },

                              {
                                mode: "month",
                                position: "fullscreen_below",
                                timeFormat: "h:mm",
                                hideOverflow: false,
                                slotMaxHeight: "200px",
                                maxItems: 500,
                              },
                            ],
                            scenes: [
                              {
                                name: "DEFAULT",
                              },
                            ],
                          },
                        },]

};


******************CSS*****************

body {
        margin: 10px;
/*      height: calc(100%);*/
        width: 1060px;
}

.CX2 .remove_empty_slot .eventCount_0 {
  display:none;
}

.CX2 .cellSlot .slotSubTitle {
color:#3A6061;
}

.CX2 .cellSlot .slotTitle {
color:#999;
text-alignment: "right";
}

.CX2 .cellSlot.weekday_6 .slotSubTitle {
color:#3A6061;
}

.CX2 .cellSlot.weekday_6 .slotTitle {
color:#999;
}

.CX2 .cellSlot.weekday_7 .slotSubTitle {
color:#661414;
}

.CX2 .slot{
padding:0px 4px;
border:4px solid #000000;
}

/* Formats header */
.CX2 .slot .slotHeader {
background-color:#000000;
border-top:2px solid #3A6061;
border-bottom:2px solid #3A6061;
margin-top:5px;
margin-bottom:15px;
height:calc(var(--font-size) + 6px);
font-weight:normal;
padding:6px 6px 0;
}

.CX2 .today .slotHeader { /* today slot /
background-color:#afcecf;
/* background-color:#080a0a;*/
color:#999;
}

.CX2 .today .slotHeader * {
color:#999;
}

.CX2 .today .slotSubTitle {
color:#3A6061;
}

.CX2 .weekSlot {
position:relative;
}

.CX2 .today.slot {
/*background-color:#afcecf;*/
background-color:#0a1010;
border:4px solid #1d2f30;
}

.CX2 .slot > .slotContent{
position:relative;
width:100%;
background-image: none;
}

.CX2 .module-content { /* fake module body */
color:#999;
font-family: 'Roboto', sans-serif;
}

.CX2 .weeksmark {
display:none;
}

/***** Event *****/
.CX2 .event {
padding:5px;
margin:12px 0 0 8px;
background-color:transparent;
position:relative;
text-align:left;
}

/* how to treat full day events*/
.CX2 .event.fullday {
border-radius:unset;
background-color:transparent;
color:#999;
margin:12px 0 0 8px;
}