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


Hi Team,

I have implemented the below scheduler, 
<ejs-schedule #scheduleObj width='100%' [(selectedDate)]="selectedDate" [eventSettings]="eventSettings" [group]="group" cssClass='schedule-group-custom-work-days'
(actionBegin)= "onActionBegin($event)"
(renderCell) = "onRenderCell($event)"
(actionBegin) = "onActionBegin($event)"
[startHour]= 'startHour'
[endHour] = 'endHour'
[rowAutoHeight] = 'true'
(popupOpen)="onPopupOpen($event)" (eventRendered)="onEventRendered($event)"
[allowDragAndDrop] = 'false'
[allowResizing] = 'true'

It behaves very differently when checking for responsiveness. Few times the layout will be proper, but few it fails. Could you please help me
out? It created a lot of problem for me.
I have also included the responsive file specified in the site in the corresponding component's style file.

After moving from Mobile to desktop: , it stays as below

2 Replies

SR Srini August 28, 2019 01:06 AM UTC

Sorry enclosed is the wrong screenshot Bwlow is the one I get on moving from mobile to desktop and it's behaves very oddly.

VD Vinitha Devi Murugan Syncfusion Team August 28, 2019 02:15 PM UTC

Hi Amrutha, 
Syncfusion Greetings. 
In EJ2 Scheduler layout rendering for mobile and desktop is different. To overcome your reported scenario you need to manually refresh the scheduler. 
M.Vinitha devi 

Live Chat Icon For mobile
Up arrow icon