<![CDATA[is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2]]>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.

]]>https://forum.magicmirror.builders/topic/11226/is-there-a-way-to-get-the-mmm-calendarext-preset-looks-in-to-mmm-calendarext2RSS for NodeThu, 11 Jun 2026 10:27:41 GMTThu, 26 Sep 2019 08:37:12 GMT60<![CDATA[Reply to is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2 on Fri, 16 Jul 2021 22:00:07 GMT]]>@merlijnalmer said in is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2:

styleName: "style20
do you have the css of this model? Please can you put this very nice

]]>https://forum.magicmirror.builders/post/92903https://forum.magicmirror.builders/post/92903Fri, 16 Jul 2021 22:00:07 GMT<![CDATA[Reply to is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2 on Fri, 10 Apr 2020 08:43:57 GMT]]>link text

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

]]>https://forum.magicmirror.builders/post/72364https://forum.magicmirror.builders/post/72364Fri, 10 Apr 2020 08:43:57 GMT<![CDATA[Reply to is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2 on Fri, 10 Apr 2020 08:40:50 GMT]]>link text

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

]]>https://forum.magicmirror.builders/post/72363https://forum.magicmirror.builders/post/72363Fri, 10 Apr 2020 08:40:50 GMT<![CDATA[Reply to is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2 on Fri, 06 Dec 2019 19:55:27 GMT]]>@Sean can u send me this custom.css
it looks great
thx

]]>https://forum.magicmirror.builders/post/65573https://forum.magicmirror.builders/post/65573Fri, 06 Dec 2019 19:55:27 GMT<![CDATA[Reply to is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2 on Thu, 26 Sep 2019 12:27:47 GMT]]>@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 :smiling_face_with_open_mouth_cold_sweat: but i started doing css and javascript last week so what would i know.

]]>https://forum.magicmirror.builders/post/61732https://forum.magicmirror.builders/post/61732Thu, 26 Sep 2019 12:27:47 GMT<![CDATA[Reply to is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2 on Thu, 26 Sep 2019 12:22:01 GMT]]>@MerlijnAlmer
All 20 pre-defined styles were just a different color variation. :D
0_1569500459818_f116c51b-9b43-4f82-be6d-be29d4a1f9f2-image.png
Anyway, wait a while.

]]>https://forum.magicmirror.builders/post/61731https://forum.magicmirror.builders/post/61731Thu, 26 Sep 2019 12:22:01 GMT<![CDATA[Reply to is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2 on Thu, 26 Sep 2019 12:04:39 GMT]]>@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

]]>https://forum.magicmirror.builders/post/61730https://forum.magicmirror.builders/post/61730Thu, 26 Sep 2019 12:04:39 GMT<![CDATA[Reply to is there a way to get the MMM-CalendarExt preset looks in to MMM-CalendarExt2 on Thu, 26 Sep 2019 10:28:41 GMT]]>@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

]]>https://forum.magicmirror.builders/post/61726https://forum.magicmirror.builders/post/61726Thu, 26 Sep 2019 10:28:41 GMT