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.6k 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.
    • ? 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