Hi David,
Thanks for contacting Syncfusion support.
There are three possible ways to achieve your scenario to change the default blue color.
1. Using built-in themes:
2. Using cssClass API:
We have prepared the sample to meet your requirement using cssClass, which can be downloaded in the below link.
1. In the above sample, we have changed the background color by using cssClass API, which accepts custom CSS class name within which the user-defined styles are defined.
<code>
<style type="text/css">
.e-customClass .e-activeview,.e-customClass .e-appointinnertext {
background: green !important; // applied to the active elements and appointment cells
}
.e-customClass .e-commonviewbutton:hover {
background-color: lightgreen !important; // applies on the view buttons
}
</style>
</code>
2.Assign the above defined custom CSS class name to the cssClass property as below –
<code>
<ej-schedule id="Schedule1" width="100%" height="525px" current-date="new DateTime(2014, 12, 10)" css-class="e-customClass">
</code>
3. Using QueryCellInfo Event:
You can also customize each and every elements of the scheduler using QueryCellInfo event based on the element type. To know more about QueryCellInfo event, kindly refer below links.
Kindly check the above cases and let us know, if you need further assistance in it.
Regards,
Nevitha
