Scheduler - Mobile Adaptive/Responsive view

[Lee Stevens]

Previously the scheduler control would change to a mobile view, only showing a single resource/grouping when viewed on mobile. It no longer does this.

Setting EnableAdaptiveUI to true displays what was previously displayed on mobile but it does it on all size screens, additionally, it shows all the events regardless of the selected group. 

The scheduler control is completely unusable on smaller screens. I see no reason to have the "EnableAdaptiveUI" mode in its current form.

I have attached a sample with two schedulers on, one with EnableAdaptiveUI set to true and one set to false. 

Attachment: Schedule__EnableAdaptiveUI_a929cb32.zip

[Vengatesh Maniraj]

Hi Lee,

Greetings from Syncfusion Support.

By default, the Scheduler layout adapts automatically in the desktop and mobile device with appropriate UI changes. In case, if you want to display the Apdative scheduler in the desktop mode with adaptive enhancements, then the property EnableAdaptiveUI can be set to true. By enabling this property will display the exact mobile mode of the Scheduler view on desktop devices. For more references, please visit the below sites.

UG ; https://blazor.syncfusion.com/documentation/scheduler/resources#adaptive-ui-in-desktop  

API: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Schedule.SfSchedule-1.html#Syncfusion_Blazor_Schedule_SfSchedule_1_EnableAdaptiveUI 

Sample: https://blazor.syncfusion.com/demos/scheduler/adaptive-grouping?theme=bootstrap5

Regards,

Vengatesh 

[Lee Stevens]

Hi Vengatesh,

Ok, if that is the case why does the mobile view not get displayed when viewed on small screens? 

Using the sample, switching to a smaller resolution does not change the UI to the mobile ui, this led to me enabling the EnableAdaptiveUI option to see if that would work but it does not.

Thanks in advance.

[Balasubramanian Sattanathan]

Hi Lee,

Thanks for the update.

We have checked your shared sample and noticed that you have used EnableCompactView as false in both schedulers. Due to this, the scheduler has rendered like the shared layout. If you want to render a scheduler with the mobile mode you can set it as a true for EnableCompactView or EnableAdaptiveUI. 

Kindly check and try the above solution and let us know if you need further assistance.

Regards,
Balasubramanian S

[Lee Stevens]

Hi Balasubramanian, 

Thanks for the info, we had that enabled previously but it was causing issues related to one of our previously reported bugs and was never re-enabled!

Thanks again, Lee.

[Praveenkumar Narasimhanaidu]

Hi Lee, 

Could you please confirm whether the issue is resolved now? If the issue still persist, could you please share the device and browser details to check the issue further? 

Regards, 

Praveenkumar 

[Lee Stevens]

Hi Praveenkumar,

The scheduler does now change correctly when viewed on a smaller screen.

Thank you for the help, Lee

[Vengatesh Maniraj]

Hi Lee,

Thanks for the update.

Regards,

Vengatesh