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.

    Mmm calendar ext3

    Scheduled Pinned Locked Moved Custom CSS
    11 Posts 3 Posters 5.8k Views 3 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.
    • S Offline
      sdetweil
      last edited by

      @Michelle-H2020 please use the code block around config info

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      M 1 Reply Last reply Reply Quote 0
      • M Offline
        Michelle.H2020 @sdetweil
        last edited by

        {
          module: "MMM-CalendarExt3",
          position: "bottom_bar",
        
        	config: {
        mode: "week",
            instanceId: "basicCalendar",
            locale: 'en',
            maxEventLines: 4,
        url: "https://calendar.google.com/calendar/ical/dandmfloors2023%40gmail.com/public/basic.ics",
        maxTitleLength: 50,
        
            firstDayOfWeek: 1,
           weeksInView: 3,
        wrapEvents: true,
        
        timeFormat: "relative",
        		dateFormat: "MMM Do",
        		dateEndFormat: "LT",
        		fullDayEventDateFormat: "MMM Do",
        
        weekIndex:0,
        useWeather: true,
        weatherLocationName: "castle rock",
        displayWeatherTemp: true,
        }
        
        
          
        
        },
        
        
        		{
        			module: "calendar",
        			header: "D and M floors",
        			position: "middle",
        			
        			config: {
        				broadcastPastEvents: true,
        maxTitleLength: 50,
        fade: false,
        				calendars: [
        					{
        						fetchInterval: 7 * 24 * 60 * 60 * 1000,
        						symbol: "heart",
        						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics",
                					name: "us_holiday", 
        		url: "https://calendar.google.com/calendar/ical/dandmfloors2023%40gmail.com/public/basic.ics",
        						url: "https://calendar.google.com/calendar/ical/9953584ecf47252ac2c45157fea7937266a498edfa2520dbfaccd8778cec2833%40group.calendar.google.com/public/basic.ics",
        					}
        				]
        			}
        
        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @Michelle.H2020
          last edited by sdetweil

          @Michelle-H2020 said in Mmm calendar ext3:

          module: “calendar”,
          header: “D and M floors”,
          position: “middle”,

          in the default calendar

          the calendars:[ ] // is a list

          each entry in the list is a url block

          {
               url:
               color:
               name:
               symbol:
               fetchInterval: 7 * 24 * 60 * 60 * 1000,
          }
          

          if TWO of the same entry is made ( like url, and url), the second overlays the first…

          ext3 NEVER uses url…

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            MMRIZE @Michelle.H2020
            last edited by

            @Michelle-H2020
            What is your screen resolution? It seems not FHD.

            1 Reply Last reply Reply Quote 0
            • M Offline
              MMRIZE @Michelle.H2020
              last edited by

              @Michelle-H2020
              I think you probably edited custom.css,

              Without any modification/overriding of custom.css, This module should look like these;

              • 1080x1920 vertical screen
                1080x1920.png

              • 600x800 vertical screen
                600x800.png

              M 1 Reply Last reply Reply Quote 0
              • M Offline
                Michelle.H2020 @MMRIZE
                last edited by

                @MMRIZE

                Great I will mess around with that when I get home later also how did you change your calendar event to showing just todays events ? Mine show all the way until January trying to resolve that.

                Also I have just been adjusting the config.is file I have no idea about the css stuff yet . Is that where you go to change font and styles ?

                1 Reply Last reply Reply Quote 0
                • M Offline
                  Michelle.H2020 @sdetweil
                  last edited by

                  @sdetweil

                  I was wondering why it wasn’t showing both my calendars thanks ! I will mess with that when I get home

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    Michelle.H2020
                    last edited by

                    So I think I’m ok with the bottom calendar I just can’t figure out how to make the list to display for a month instead of all the way into January

                    https://share.icloud.com/photos/078is2God3mgkrI_9spjrgJ5g

                    1 Reply Last reply Reply Quote 0
                    • 1
                    • 2
                    • 2 / 2
                    • 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