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

      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

                      Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                      Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                      With your input, this post could be even better 💗

                      Register Login
                      • 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