• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

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

Scheduled Pinned Locked Moved Development
9 Posts 5 Posters 3.0k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    MerlijnAlmer
    last edited by Sep 26, 2019, 8:37 AM

    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.

    ? 1 Reply Last reply Sep 26, 2019, 10:28 AM Reply Quote 0
    • ? Offline
      A Former User @MerlijnAlmer
      last edited by Sep 26, 2019, 10:28 AM

      @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

      1 Reply Last reply Reply Quote 0
      • M Offline
        MerlijnAlmer
        last edited by Sep 26, 2019, 12:04 PM

        @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

        ? 1 Reply Last reply Sep 26, 2019, 12:22 PM Reply Quote 0
        • ? Offline
          A Former User @MerlijnAlmer
          last edited by Sep 26, 2019, 12:22 PM

          @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.

          M S 2 Replies Last reply Sep 26, 2019, 12:27 PM Reply Quote 0
          • M Offline
            MerlijnAlmer @Guest
            last edited by Sep 26, 2019, 12:27 PM

            @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.

            1 Reply Last reply Reply Quote 0
            • S Offline
              SARCux @Guest
              last edited by Dec 6, 2019, 7:55 PM

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

              D 1 Reply Last reply Apr 10, 2020, 8:40 AM Reply Quote 0
              • D Offline
                Doudy @SARCux
                last edited by Apr 10, 2020, 8:40 AM

                link text

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

                1 Reply Last reply Reply Quote 0
                • D Offline
                  Doudy
                  last edited by Apr 10, 2020, 8:43 AM

                  link text

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

                  1 Reply Last reply Reply Quote 0
                  • C Offline
                    chrixbrown
                    last edited by Jul 16, 2021, 10:00 PM

                    @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

                    1 Reply Last reply Reply Quote 0
                    • 1 / 1
                    • First post
                      Last post
                    Enjoying MagicMirror? Please consider a donation!
                    MagicMirror created by Michael Teeuw.
                    Forum managed by Sam, technical setup by Karsten.
                    This forum is using NodeBB as its core | Contributors
                    Contact | Privacy Policy