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.

    Default Calendar customEvents color

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    7 Posts 3 Posters 658 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.
    • J Offline
      jonnyollet
      last edited by

      Hi all,
      I am a complete newbie to MM, Linux and JS, but have really enjoyed and learning creating a family dashboard. I have picked up most things reading up the guides and the forums.

      I am using the customEvent on the default calendar module to highlight birthdays and bin days. The symbol part works, but the colour does not change.

      I am not sure what I am doing wrong so that this is not working? Am I missing something here?

      Apologies if this is a really silly question.

      {
      	//CALENDAR
      	module: "calendar",
      	header: "",
      	position: "top_center",
      	config: {
      		maximumEntries: 3,
      		maximumNumberOfDays: 90,
      		limitDays: 0,
      		customEvents: [
      		{keyword: "birthday", symbol: "cake-candles", color: "gray"},
      		{keyword: "black bin", symbol: "trash", color: "gold"}],
      		calendars: [
      			{
      			fetchInterval: 30000,
      			symbol: "none",
      			url: ~"<<ICAL>>"
      			}
      	]
      }
      },
      
      S 2 Replies Last reply Reply Quote 0
      • S Away
        sdetweil @jonnyollet
        last edited by

        @jonnyollet have to enable colored: true… check the doc.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • S Away
          sdetweil @jonnyollet
          last edited by

          @jonnyollet
          Screenshot 2024-01-24 7.39.09 PM.png

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • S Offline
            Sebi76 0
            last edited by

            Is it possible to give certain entries a different symbol, color?

            S 1 Reply Last reply Reply Quote 0
            • S Away
              sdetweil @Sebi76 0
              last edited by

              @Sebi76-0 did you enabled colored:true

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                Sebi76 0 @sdetweil
                last edited by

                @sdetweil

                Yes,

                                                         ```
                                                            coloredText: true,
                                                            colored:true,
                			        	url: "adresse.....',		
                								
                					customEvents: [{keyword: 'GelberSack', symbol: 'recycle', color: 'Yellow'},
                						       {keyword: 'Blaue Tonne', symbol: 'trash', color: 'Blue'},
                						       {keyword: 'Bio Tonne', symbol: 'trash', color: 'Green'},
                						       {keyword: 'Graue Tonne', symbol: 'trash', color: 'Gray'},
                						       {keyword: 'Flur', symbol: 'broom', color: 'Blue'}],
                
                				},
                
                S 1 Reply Last reply Reply Quote 0
                • S Away
                  sdetweil @Sebi76 0
                  last edited by

                  @Sebi76-0 of the properties you showed only url is inside
                  a calendar object

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  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