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 1.4k 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 Do not disturb
        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 Do not disturb
          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 Do not disturb
              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 Do not disturb
                  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

                  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