Responsiveness

[amrutha]

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)"

[workDays]='workWeekDays'

[startHour]= 'startHour'

[endHour] = 'endHour'

[timeScale]="timeScale"

[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

[Srini]

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

[Vinitha Devi Murugan]

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. 

 

https://ej2.syncfusion.com/documentation/api/schedule/#refresh  

Regards, 

M.Vinitha devi