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-CalendarExt3 - Timed events color change

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    2 Posts 2 Posters 13 Views 2 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.
    • C Offline
      Cybex999
      last edited by

      Hi all,

      I’m running into an issue with MMM-CalendarExt3 when trying to set event colours based on the calendar name ( I have 4 different calendars displayed in CalendarExt3)

      What I’m trying to do:

      • Assign different colours to events depending on which calendar they come from

      The problem:

      • The colour styling works correctly for all-day events, and will change the background bubble for the all day events.
      • However, for non all-day (timed) events, the colour does not get applied at all - it doesn’t have a bubble, nor does the front or anything change.

      What I’ve checked so far:

      • The calendar name is definitely correct and matches what I’m targeting
      • Styling appears to apply fine in general, just not for timed events ( as above)
      • I have tested ev.transformers with modifying the title and it has worked on time events and all days events without issue
      • It feels like timed events might be using a different class or structure

      What I’m trying to understand:

      1. Do timed events use a different class name or structure compared to all-day events?
      2. Is there a different selector required to target timed events specifically?
      3. Is this expected behaviour, or am I missing something in the config/CSS?

      If anyone has successfully styled timed events based on calendar name, I’d really appreciate an example or pointer.

      Thanks 👍

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

        @Cybex999 all you should have to do is set the color in the default calendar for each url

        Make sure you set coloredText:true,
        Before the url list

        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