Hello Team,
So , In my calendar I would like to change day cell color dynamically based on the status from aggregate. so In my dB I have a list of dates and each date has a status. Based on the status from the aggregate I need to switch color in row cell. so certainly I can able to color only single cell using adding CSS in the code.
.fc .fc-daygrid-day.fc-day-today { background-color: #ddad0f !important;
I also tried coloring using events, where events not change the whole body color of the cell.
Hi @Vasudevan Natesan ,
Hope you are doing well. Could you please check this forum link? It may help you or give you an idea.
https://www.outsystems.com/forums/discussion/94277/how-to-give-color-to-date-block-in-full-calender-reactive/
https://www.outsystems.com/forums/discussion/87851/full-calendar-reactive-day-color-base-one-condition-of-drop-down/
Alternatively, inspect the elements and experiment with custom CSS styling if possible. Thanks,
Chiranjeevi
Hi @Vasudevan Natesan
To change the background color of specific dates in FullCalendar Reactive, you can use the dayCellDidMount function and pass a date-to-color map from Outsystems to JavaScript.
Steps:
When the calendar loads, any date that exists in your JSON map automatically gets its full cell background color changed based on the status.