is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2

MerlijnAlmer

i am still very new to all of this and i setup MMM-CalendarExt2 because of some features i needed but i like the look of the MMM-CalendarExt so i was wondering can i get the styleName presets in MMM-CalendarExt2?

i am guessing it has something to do with CSS if i am wrong pls correct me.

Sean

@MerlijnAlmer
You just give className to your calendar.

calendars : [
  {
    name: "US holiday",
    icon: "noto-beach-with-umbrella",
    className: "holiday",
    url: "http://www.calendarlabs.com/templates/ical/US-Holidays.ics",
  },
  {
    name : "Tottenham",
    icon: "noto-soccer-ball",
    className: "Tottenham",
    url: "https://www.google.com/calendar/ical/ovb564thnod82u5c4njut98728%40group.calendar.google.com/public/basic.ics",
  },
],

Then, add your class definition in css/custom.css.

.CX2 .holiday {
  background-color:#333;
  color:#F00;
}

.CX2 .holiday.fullday {
  background-color:#F00;
  color:#FFF;
}

https://github.com/eouia/MMM-CalendarExt2/wiki/4.-Styling

MerlijnAlmer

@Sean i saw that but it only changes the color what i want is the actual look of it.
i saw this picture in this link https://github.com/eouia/MMM-CalendarExt/wiki/Manipulation-of-looks at the bottom and i was like “owh is that also possible for calendarExt2”
so i went into the CSS of MMM-calendarExt and i found something called style20. and i thought it would be as easy as copy pasting that in to my custom.css but when i then typed styleName: “style20”, but that did nothing.

so i was wondering is it possible to get MMM-calenderExt2 to look like the picture below or one of the 19 other styles (which i havent seen yet.)

0_1569498983973_c24a5129-88a3-4525-a637-141503e60e91-image.png

Sean

@MerlijnAlmer
All 20 pre-defined styles were just a different color variation.
0_1569500459818_f116c51b-9b43-4f82-be6d-be29d4a1f9f2-image.png
Anyway, wait a while.

MerlijnAlmer

@Sean said in is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2:

All 20 pre-defined styles were just a different color variation.

owh that makes a lot of sence i was thinking to myself that i could not be possible to have a whole remodel could be in 9 lines of code but i started doing css and javascript last week so what would i know.

SARCux

@Sean can u send me this custom.css
it looks great
thx

Doudy

link text

@SARCux
@Sean can u send me this custom.css
it looks great
thx

Doudy

link text

@SARCux
@Sean can u send me this custom.css
it looks great
thx