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

Hi, 

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 . 


Index.cshtml 

@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'; 
        } 
    } 
  </script> 



Regards, 
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. 
 
Regards, 
Karthigeyan 
 


Loader.
Live Chat Icon For mobile
Up arrow icon