RadScheduler Appointment on iOS Touch Tablet in UI for ASP.NET AJAX Scheduler

Rob

4 posts

Member since:
Apr 2013

Posted 12 Nov 2018 Link to this post

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

Admin

431 posts

Posted 14 Nov 2018 Link to this post

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

Rob

4 posts

Member since:
Apr 2013

Posted 09 Dec 2018 in reply to Dimitar Link to this post

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

Admin

597 posts

Posted 11 Dec 2018 Link to this post

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.