How to change the background color of the allDay bar

[dsapo]

Hi Support:

I need to learn how to change the color of the allDay bar, so added this a template id to my view:

<ej-schedule id="Schedule1" width="100%" height="525px" show-quick-window="false" current-date="DateTime.Now"

             time-zone="@ViewData["TimeZone"]" show-time-zone-fields="false" current-view="Month"

             navigation="onNavigation" all-day-cells-template-id="#alldayTemplate"

and under the scripts section I added the following script:

<script id="alldayTemplate" type="text/x-jsrender">

    <div class="e-alldayappointment" style="background: red;"></div>

</script>

But nothing happens,  what could I be missing.

Thanks

David

[Karthigeyan Krishnamurthi]

Hi David, 

 

Thank you for contacting Syncfusion support. 

 

We have prepared the below code example to customize the all-day cells for you reference. Height for div element is not set, therefore only its background color is not shown and we strongly recommend not to override the default css class names (e-alldayappointment) for template customization. 

 

<Code> 

  <script id="alldayTemplate" type="text/x-jsrender"> 

        <div class="allDayCell" style="background: red; height: 100%"></div> 

  </script> 

</Code> 

 

Regards, 

Karthigeyan