How to remove the first column in the Month View schedule

[dsapo]

Hi Support:

We need to know if its possible to remove the first column or at least the data inside of it in the Month View schedule.

Please open the attachment where is highlighted in red the column that we would like to remove.

Thanks in advanced.

David

Attachment: Month_View_83788385.zip

[Sellakumar]

Hi David, 

  

Thanks for contacting Syncfusion support. 

  

Yes, it is possible to remove the first column of the month view in Scheduler and for the same, we have prepared the demo sample in jsplayground link as follows: 

http://jsplayground.syncfusion.com/ypc3rxhq 

  

The timeScale property needs to be used to achieve your requirement as given below, 

  

<code> 

 

<ej-schedule id="Schedule1" width="100%" height="525px" current-view="month"> 

                <e-time-scale enable="false"></e-time-scale> 

</ej-schedule> 

 

</code> 

  

Also, please refer the below UG document link for further reference: 

https://help.syncfusion.com/api/js/ejschedule#members:timescale-enable 

  

Kindly revert us, if you need any further assistance on this. 

  

Regards, 

Sellakumar K 

[dsapo]

Hi Sellakumar:

Would be possible to apply this setting only to the Month View to avoid affecting the Week and Day view.

Thanks again.

David 

[Sellakumar]

Hi David, 

  

Thanks for your update. 

  

To achieve your mentioned requirement, we suggest you to follow the below work-around solution by using the “navigation” client-side event. The code snippet is as follows: 

  

<code> 

  

    <ej-schedule id="Schedule1" width="100%" height="525px" current-view="month"navigation="onNavigation"> 

        <e-time-scale enable="false"></e-time-scale> 

    </ej-schedule> 

  

</code> 

  

<code> 

  

    function onNavigation(args) { 

        if (args.requestType == "viewNavigate") { 

            $("#Schedule1").ejSchedule({ 

                timeScale: { enable: (args.currentView == "month") ? false : true } 

            }); 

        } 

    } 

  

</code> 

The above code snippet switches on/off the timescale option, as per the current view.  

 

Kindly try the above solution and revert us, if you need any further assistance on this.  

 

Regards, 

Sellakumar K

[dsapo]

Hi Sellakumar:

This is a perfect solution.

Thanks a lot.

David

 

[Karthigeyan Krishnamurthi]

Hi David, 

  

Thanks for your update and we are happy to hear that your problem has been solved.  

 

Kindly let us know, if you need any further assistance. 

 

 

Regards, 

Karthigeyan