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.1k 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

      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 Reply Quote 0
      • ? Offline
        A Former User @MerlijnAlmer
        last edited by

        @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

          @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 Reply Quote 0
          • ? Offline
            A Former User @MerlijnAlmer
            last edited by

            @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 Reply Quote 0
            • M Offline
              MerlijnAlmer @Guest
              last edited by

              @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

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

                D 1 Reply Last reply Reply Quote 0
                • D Offline
                  Doudy @SARCux
                  last edited by

                  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

                    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

                      @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