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. Image for the cookie policy date

Hide the additional day of extra day schedule


So i create a schedule that start from 21.00 to 05.00 the next day :

Is it possible to hide the additional block created for the next day ?

3 Replies

VD Vinitha Devi Murugan Syncfusion Team December 2, 2018 07:16 AM UTC

Hi Trinquier, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and we have achieved your requirement through a DataBound event. We have prepared the sample with below highlighted code changes, and the same can be downloaded from the following location . 


@Html.EJS().Schedule("schedule").Width("100%").Height("550px").SelectedDate(new DateTime(2018, 4, 22)).Group(group => group.Resources(ViewBag.Resources)).Resources(res => { res.DataSource(ViewBag.Owners).Field("ProcessId").Title("Assignee").Name("Owners").TextField("text").IdField("id").ColorField("color").AllowMultiple(true).Add(); }).DataBound("onDataBound").Render() 
<script type="text/javascript"> 
    function onDataBound() { 
        var scheduleObj = document.getElementById('schedule').ej2_instances[0]; 
        var list = scheduleObj.element.querySelectorAll(".e-indicator.e-icons.e-left-icon"); 
        for (let i = 0; i < list.length; i++) { 
            (list[i]).parentNode.parentElement.style.display = 'none'; 

M.Vinitha devi 

TV Trinquier Vannick December 3, 2018 06:49 AM UTC

Yes thank you its perfect 

KK Karthigeyan Krishnamurthi Syncfusion Team December 3, 2018 07:04 AM UTC

We are happy that our solution fulfilled your requirement. 

Live Chat Icon For mobile
Up arrow icon