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.
Unfortunately, activation email could not send to your email. Please try again.

How to change the background color of the allDay bar

Thread ID:

Created:

Updated:

Platform:

Replies:

128079 Dec 30,2016 04:57 PM Jan 2,2017 08:40 AM ASP.NET Core 1
loading
Tags: Schedule
dsapo
Asked On December 30, 2016 04:57 PM

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 [Syncfusion]
Replied On January 2, 2017 08:40 AM

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 


CONFIRMATION

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.

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.

;