We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to change the background color of the allDay bar

Thread ID:





128079 Dec 30,2016 09:57 PM UTC Jan 2,2017 01:40 PM UTC ASP.NET Core 1
Tags: Schedule
Asked On December 30, 2016 09:57 PM UTC

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>

But nothing happens,  what could I be missing.



Karthigeyan Krishnamurthi [Syncfusion]
Replied On January 2, 2017 01:40 PM UTC

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. 
  <script id="alldayTemplate" type="text/x-jsrender"> 
        <div class="allDayCell" style="background: red; height: 100%"></div> 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon