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.