<![CDATA[Cal EXT3 - Symbols and colors]]>I apologize for a every repeating question, but I cant figure it out completely.

So I want to change the color and/or the symbol, if the title has a specific text.
The readme says:

eventTransformer: (ev) => {
  if (ev.title.search("John") > -1) ev.color = "blue";
  return ev;
};

I also found, that I can be more detailed in styling, when I create a class for a event, like this:

eventTransformer: (event) => {
if (event.title.includes('Gus')) event.class = "gus"
return event
},

/* custom.css */

.CX3 .event.gus {
background-color: var(--calendarColor);
color: var(--oppositeColor);
border-radius: 4px;
}

If I want to change the symbol too, Sam said, I can use the same command just with “symbol” instead of color, I guess this?

eventTransformer: (ev) => {
  if (ev.title.search("John") > -1) ev.symbol= "WHAT TO PUT HERE";
  return ev;
};

Obviously I dont know how to put the symbol or the link to the symbol. I set “useIconify:true”, would this mean I can use ANY of the Iconify symbols by their name like “material-symbols:ar-on-you-outline-sharp”? Looks too easy to me, so I guess no.

If someone has time to spare Id appreciate some help.

]]>https://forum.magicmirror.builders/topic/19881/cal-ext3-symbols-and-colorsRSS for NodeMon, 07 Sep 2026 15:02:59 GMTSat, 20 Sep 2025 07:17:19 GMT60<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sun, 21 Sep 2025 15:28:11 GMT]]>Sam, nevermind the problem; I found a sentence in a different question on git, in which it is mentioned shortly; also its kind of written in a config, believe it was the ext3 config.

Still a bit annoying that you have to make an entry for the color and on another spot/file you have to set the custom event up.
Thanks for your continuous help mate.

]]>https://forum.magicmirror.builders/post/128346https://forum.magicmirror.builders/post/128346Sun, 21 Sep 2025 15:28:11 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sun, 21 Sep 2025 14:17:57 GMT]]>Ok so I tried updating and “repairing” the module, turning the default cal class off but leads only to no icon shown.
I actually dont care if its Iconify or FA, but neither of them work ffs

]]>https://forum.magicmirror.builders/post/128343https://forum.magicmirror.builders/post/128343Sun, 21 Sep 2025 14:17:57 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sun, 21 Sep 2025 12:26:37 GMT]]>@_V_ I see the same, except, if you click on the event, the popover comes up and the color is there…

the symbol doesn’t work…

there is text in the readme about the iconify icon set…

]]>https://forum.magicmirror.builders/post/128336https://forum.magicmirror.builders/post/128336Sun, 21 Sep 2025 12:26:37 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sun, 21 Sep 2025 06:45:08 GMT]]>Mornin Sam
So I put it in the ext3 block but that didnt change anything.
I set “useIconify: false” to check if the fontawesome would work, but nothing too.

Also I wonder why I nowhere read about the ev.symbol error in any of the topics :/

]]>https://forum.magicmirror.builders/post/128335https://forum.magicmirror.builders/post/128335Sun, 21 Sep 2025 06:45:08 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sat, 20 Sep 2025 14:55:40 GMT]]>@_V_ the filter/transformer is INSIDE the Ext3 config:{} block…

{
module: "MMM_CalendarExt3",
position:
config:{
   .
.
.
.
  eventTransformer: (ev) => {
        if (ev.title.search("John") > -1){
              ev.symbol= "\f015";
             ev.color= "blue";
        }
        return ev
   },
 }
},
]]>https://forum.magicmirror.builders/post/128329https://forum.magicmirror.builders/post/128329Sat, 20 Sep 2025 14:55:40 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sat, 20 Sep 2025 14:47:31 GMT]]>@sdetweil Tried, no change.

Does it matter, where in the ext3 config it is placed, like at the end for example?

]]>https://forum.magicmirror.builders/post/128328https://forum.magicmirror.builders/post/128328Sat, 20 Sep 2025 14:47:31 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sat, 20 Sep 2025 14:33:29 GMT]]>@_V_ sorry, don’t know about that icon library…

can you try one of the FA values…

"\f015"

for example

]]>https://forum.magicmirror.builders/post/128327https://forum.magicmirror.builders/post/128327Sat, 20 Sep 2025 14:33:29 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sat, 20 Sep 2025 14:21:43 GMT]]>@sdetweil OK no error, color is shown but no symbol.
Did I miss some basic setting in the modules config?

]]>https://forum.magicmirror.builders/post/128326https://forum.magicmirror.builders/post/128326Sat, 20 Sep 2025 14:21:43 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sat, 20 Sep 2025 14:04:38 GMT]]>@_V_ ok, symbol is a list…

use
ev.symbol.push( “mdi:birthday-cake-outline”)

instead of
ev.symbol=

]]>https://forum.magicmirror.builders/post/128325https://forum.magicmirror.builders/post/128325Sat, 20 Sep 2025 14:04:38 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sat, 20 Sep 2025 13:53:48 GMT]]>@sdetweil I finally understood what you meant by put in filter…^^

So I set the additional {} and the cal stopped again, message saing:

TypeError: event.symbol.join is not a function

Does this give you any clue or do you need the additional “at …” lines too?

]]>https://forum.magicmirror.builders/post/128324https://forum.magicmirror.builders/post/128324Sat, 20 Sep 2025 13:53:48 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sat, 20 Sep 2025 13:09:04 GMT]]>@_V_ if you want to set multiple properties on this event when the if condition is true

the you need { }
after the if()

otherwise only the first is used when the condition is true…

you would have to open the browser developers window to see what the problem is
ctrl-shift-i (chrome)
console tab,
put ext3 in the filter field.

]]>https://forum.magicmirror.builders/post/128323https://forum.magicmirror.builders/post/128323Sat, 20 Sep 2025 13:09:04 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sat, 20 Sep 2025 12:34:24 GMT]]>@sdetweil Hey Sam
As soon as I try to use symbol, the calender wont load up - I see the current month but thats about it.
I tried different icon, I tried changing only symbol and I tried putting up a transform command for color and symbol seperately

eventTransformer: (ev) => {
if (ev.title.search("Geburtstag") > -1)
ev.symbol= "mdi:birthday-cake-outline";
ev.color= "ff00ff";
return ev
 },

I also tried your version with the additional {}, but no change either way
I put this into the ext3 config file, using iconify icons

]]>https://forum.magicmirror.builders/post/128322https://forum.magicmirror.builders/post/128322Sat, 20 Sep 2025 12:34:24 GMT<![CDATA[Reply to Cal EXT3 - Symbols and colors on Sat, 20 Sep 2025 11:33:23 GMT]]>@_V_

Yes, really that simple

eventTransformer: (ev) => {
  if (ev.title.search("John") > -1) {
          ev.symbol= "WHAT TO PUT HERE";
          ev.color= ‘blue’
  }
  return ev;
};

When using the font-awesome set,
They give you a name or a number, you can use either value
I dont know the set you picked

Fa house is ‘house’ or ‘\f015’

IMG_3918.png

]]>https://forum.magicmirror.builders/post/128320https://forum.magicmirror.builders/post/128320Sat, 20 Sep 2025 11:33:23 GMT