Day View Customization

[Brijesh Pandey]

Can we customize day view like attached image.

Attachment: Day_View_a2f37361.zip

[Karthigeyan Krishnamurthi]

Hi Brijesh, 

 

Thank you for contacting Syncfusion support. 

We can disable the time scale in Scheduler and for the same we have prepared the below sample for your reference. 

http://www.syncfusion.com/downloads/support/forum/133623/ze/Sample674048552 

<Code> 

<ej-schedule id="Schedule1" width="100%" height="525px" currentDate="5/2/2017" currentView="day" [timeScale.enable]="false" 

             [appointmentSettings.dataSource]=dataSource 

             [appointmentSettings.applyTimeOffset]="false" 

             appointmentSettings.id="Id" 

             appointmentSettings.subject="Subject" 

             appointmentSettings.startTime="StartTime" 

             appointmentSettings.endTime="EndTime" 

             appointmentSettings.allDay="AllDay" 

             appointmentSettings.recurrence="Recurrence" 

             appointmentSettings.recurrenceRule="RecurrenceRule"> 

</ej-schedule> 

</Code> 

Regards, 

Karthigeyan 

[Brijesh Pandey]

Thanks Karthigeyan for reply.

But when we used [timeScale.enable]="false" then all event got disappear in Day View,Week View and Work Week view, It is only visible in month view.

And please suggest the solution how to customize day view  to achieve above UI (status with subject) in day view if possible.

[Karthigeyan Krishnamurthi]

Hi Brijesh,  

  

Thanks for your update. 

 

We suspect that appointment timings may not be correct which could be the cause for the issue, kindly share your appointment collection details, code example /sample (if possible) to proceed further. We can customize the information displaying on appointment element using template option, kindly refer the below link to more about it. 

https://help.syncfusion.com/angular/schedule/templates#appointment-template 

 

  

Regards,  

Karthigeyan