RadScheduler Appointment on iOS Touch Tablet

[Rob]

Hi Telerik

RadScheduler Appointment on SelectedView="MonthView" showing as tiny square, in the day, in IOS touch tablet. It takes up the whole dayColumn on desktop.

Also the context menu from this appointment after appearing does not work when clicked on in the IOS touch tablet.

Regards

Darren

[Dimitar]

Hi Darren,

Could you provide examples of the Scheduler configurations used for testing? I could not understand clearly what is the problem you are facing. The tiny squares represent events in MonthView, when the Scheduler is in mobile RenderMode - demo. The context menu works as expected on iOS 12.1 Safari on my side.

Regards,
Dimitar
Progress Telerik

[Rob]

Here is the difference in the examples between the desktop PC and the IPad attached in the 2 files. As you can see the appointment is showing as a small square on the IPad.

 

The below is the RadScheduler.

<telerik:RadScheduler ID="CalendarViewRS" runat="server" SelectedView="MonthView" DataDescriptionField="Details" 
                        DataEndField="MeetingFinish" DataKeyField="MeetingID" DataSourceID="MeetingsDS" DataStartField="MeetingStart" 
                        DataSubjectField="MeetingType" AllowDelete="False" Width="100%" AllowInsert="False" Height="575px" Culture="en-AU"
                        OnAppointmentClick="CalendarViewRS_AppointmentClick" OnAppointmentContextMenuItemClicking="CalendarViewRS_AppointmentContextMenuItemClicking" OnFormCreating="CalendarViewRS_FormCreating">
                        <AppointmentContextMenus>
                            <telerik:RadSchedulerContextMenu runat="server" ID="SchedulerAppointmentContextMenu">
                                <Items>
                                    <telerik:RadMenuItem Text="Edit Meeting Details">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Edit Agenda">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Print Agenda">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Conduct Meeting">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Print Minutes">
                                    </telerik:RadMenuItem>
                                </Items>
                            </telerik:RadSchedulerContextMenu>
                        </AppointmentContextMenus>
                    </telerik:RadScheduler>

 

How do I make my appointments look like they look on the desktop?

 

[Peter Milchev]

Hello Rob,

The MonthView in Mobile RenderMode by default has a completely different look as you can see here: https://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/mobile-support/views. 

To have the same appearance on both mobile and desktop, you can set the RenderMode of the Scheduler to Lightweight instead of Auto.

Regards,
Peter Milchev
Progress Telerik