• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 553 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 Jan 24, 2024, 9:54 PM

    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 Jan 24, 2024, 11:40 PM Reply Quote 0
    • S Away
      sdetweil @jonnyollet
      last edited by Jan 24, 2024, 11:40 PM

      @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 Jan 25, 2024, 1:39 AM

        @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 Mar 1, 2025, 4:28 PM

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

          S 1 Reply Last reply Mar 1, 2025, 4:36 PM Reply Quote 0
          • S Away
            sdetweil @Sebi76 0
            last edited by Mar 1, 2025, 4:36 PM

            @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 Mar 1, 2025, 6:24 PM Reply Quote 0
            • S Offline
              Sebi76 0 @sdetweil
              last edited by Mar 1, 2025, 6:24 PM

              @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 Mar 1, 2025, 6:58 PM Reply Quote 0
              • S Away
                sdetweil @Sebi76 0
                last edited by Mar 1, 2025, 6:58 PM

                @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