Hello,
I want to use multiple calendar reports in my project. I control the settings in Page_Head event. How can I adjust the settings per calendar? Now these settings apply to every calendar.
my code:
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script>
var currentDayOfWeek = moment().day();
ew.calendarOptions.fullCalendarOptions.firstDay = currentDayOfWeek;
//ew.calendarOptions.fullCalendarOptions.firstDay = 1; // 0 = Sunday, 1 = Monday
ew.calendarOptions.fullCalendarOptions.initialView = 'timeGridWeek'; //zet default op weekzicht
ew.calendarOptions.fullCalendarOptions.nowIndicator = true;
ew.calendarOptions.fullCalendarOptions.height = 1000;
ew.calendarOptions.fullCalendarOptions.contentHeight = 1000;
ew.calendarOptions.fullCalendarOptions.timeZone = 'Europe/Brussels';
ew.calendarOptions.fullCalendarOptions.businessHours = [ // specify an array instead
{
daysOfWeek: [ 1, 2, 4, 5 ],
startTime: '08:30',
endTime: '16:30'
},
{
daysOfWeek: [ 3 ],
startTime: '8:30',
endTime: '12:00'
}
];
</script>
<style>
/* Maandag */
.fc-day-mon .fc-col-header-cell-cushion {
background-color: #D5F5E3; /* Lichtgroen voor maandag */
}
/* Dinsdag */
.fc-day-tue .fc-col-header-cell-cushion {
background-color: #82E0AA; /* Iets donkerder groen voor dinsdag */
}
/* Woensdag */
.fc-day-wed .fc-col-header-cell-cushion {
background-color: #2ECC71; /* Nog iets donkerder groen voor woensdag */
}
/* Donderdag */
.fc-day-thu .fc-col-header-cell-cushion {
background-color: #1D8348; /* Nog iets donkerder groen voor donderdag */
}
/* Vrijdag */
.fc-day-fri .fc-col-header-cell-cushion {
background-color: #186A3B; /* Donkergroen voor vrijdag */
}
/* Weekend (zaterdag en zondag) */
.fc-day-sat .fc-col-header-cell-cushion,
.fc-day-sun .fc-col-header-cell-cushion {
background-color: none; /* Geen kleur in het weekend */
}
</style>
thank you in advance