Ipad Drag,Drop,Contextmenu and Move assignments

[K. R.Murthii]

Hi,

I have a RadScheduler in my ASP.Net web page and our requirement is to open this form in Ipad, but while I am draging an appoint in safari in Ipad it is not moving and even not opening the popup for context menus. And we have model popups while double clicking on an appointment this is also not working in Ipad.
Our Telerik.Web.UI Product version is '2011.3.1305.40'
Please help me this is urgent for us.

Thanks,

[Plamen]

Hi Rams,

 
Such behavior is expected in the version of our controls that you are using. Since 2011 we have made a number of improvements for RadScheduler useability in mobile browsers as you can see on our live on-line demos.  You can invoke the context menu with a long touch and insert  or update the appointment and drag and drop the appointments. That is why in order to have a better experience under mobile I would recommend you to upgrade with the latest version of RadControls.

Regards,
Plamen
Telerik

[K. R.Murthii]

Hi,
Thanks for your reply.

Following is my code for Rad Scheduler appointments, but I am unable to move my assignments on Ipad, please help me.

 <telerik:RadScheduler ID="radTeacherSchedulerAssignments" runat="server" SelectedView="MonthView"
                DataKeyField="AssignmentScheduleID" DayStartTime="08:00:00" DayEndTime="18:00:00"
                DataSubjectField="DayAssignmentTitle" Skin="Web20" TimelineView-UserSelectable="false"
                AllowDelete="true" ShowAllDayRow="false" ShowFullTime="true" StartEditingInAdvancedForm="false"
                MonthView-ColumnHeaderDateFormat="dddd" CustomAttributeNames="AssignmentID,DayAssignmentTitle,DayAssignmentDescription,Startdate,Enddate,ColorCode1,ColorCodeID,
                Status,IsTeacherEvent,IsAssignmentCompleted,AssignmentScheduleID, CourseID, CourseTitle, isStudentAssignment,showChkBox,subID,
                UserID,IsGradeAssigned,IsTeacherCreatedCourse,IsTeacherEvent,GradeLet,GradePerc,GradeRes,AssetTitle,RepeatType,MaxOccurances,CitationPath,subjectPath,NoteText,
                AsmtCount,MultipleTolltip,AssignmentVersion,AssignmentCompleted,Startdate1,Enddate1"
                OnClientAppointmentInserting="InsertAppointment" OnClientAppointmentEditing="EditAppointment"
                OnTimeSlotCreated="radTeacherSchedulerAssignments_TimeSlotCreated" OnTimeSlotContextMenuItemClicking="radSchedulerAssignments_TimeSlotContextMenuItemClicking"
                OnAppointmentUpdate="radSchedulerAssignments_AppointmentUpdate" OnClientAppointmentMoveEnd="AssignmentMoveEnd"
                OnAppointmentDelete="radSchedulerAssignments_AppointmentDelete" OnClientAppointmentDeleting="deleteAssignment"
                DisplayDeleteConfirmation="false" AppointmentStyleMode="Default" OnNavigationComplete="RadSchedulerts_NavigationComplete"
                Height="730px" RowHeight="40px" MonthView-AdaptiveRowHeight="true" OverflowBehavior="Expand" DataRecurrenceField="DayAssignmentTitle" 
                DataRecurrenceParentKeyField="AssignmentScheduleID" 
                ReadOnly="false" MonthView-VisibleAppointmentsPerDay="2">
                <AdvancedForm Modal="true"></AdvancedForm>
                <TimelineView UserSelectable="false"></TimelineView>
                <TimeSlotContextMenuSettings EnableDefault="true" />
                <AppointmentContextMenuSettings EnableDefault="true" />
                <Localization HeaderWeek="Work week" />
                <AppointmentTemplate>
                    <div style="height: 97%; width: 100%; background-color: <%#Eval("ColorCode1")%>;
                        border-width: 1px; border-color: #78AB46; border-style: solid; margin-top: -1.5px;
                        margin-left: -2px;" class="rounded-corners2">
                        <div class="divFullWithPad overflowHide" style="height: 18px">
                            <div id="divImage" runat="server" visible='<%# Eval("subjectPath") != "" %>' class="leftFloating widthTenPx overflowHide"
                                style="padding-top: 2px;">
                                <asp:Image ID="imgSubIcon" runat="server" Width="10px" Height="10px" ImageUrl='<%#Eval("subjectPath")%>'
                                    AlternateText=" " Visible='<%# Eval("subjectPath") != "" %>' />
                            </div>
                            <div class="overflowHide" style="padding-top: 1px; padding-left: 1%;">
                                <asp:Label ID="lblAssetTitle" runat="server" Text='<%#(Boolean.Parse(Container.Appointment.Attributes["IsTeacherCreatedCourse"]) || Boolean.Parse(Container.Appointment.Attributes["IsTeacherEvent"])) == false ? Eval("AssetTitle") : Eval("DayAssignmentDescription","")%>'
                                    ToolTip='<%#(Boolean.Parse(Container.Appointment.Attributes["IsTeacherCreatedCourse"]) || Boolean.Parse(Container.Appointment.Attributes["IsTeacherEvent"])) == false ? Eval("AssetTitle") : Eval("DayAssignmentDescription","")%>'
                                    Height="18px" />
                                <asp:Label ID="lblUserId" runat="server" Text='<%#Eval("UserID")%>' CssClass="noDisplay" />
                            </div>
                        </div>
                        <div class="divFullWithPadApnt1" style="padding-top: 2%; height: 50%; padding-left: 2px;">
                            <div class="leftColumnAsmtSeventyFive" align="center">
                                <asp:Label ID="lblAsmtCount" runat="server" Text='<%#Eval("AsmtCount")%>' ToolTip='<%#Eval("MultipleTolltip")%>'
                                    CssClass="leftColumnFifteen autoHeight" Font-Bold="true" />
                                &nbsp
                                <asp:Label ID="lblAssignTitle" runat="server" Text='<%#Eval("DayAssignmentTitle")%>'
                                    ToolTip='<%# Eval("DayAssignmentTitle","") %>' CssClass="leftColumnEighty overflowHide"
                                    Width="78%" />
                            </div>
                            <div class="rightColumnTwentyApnt">
                                <asp:Image ID="imgCitation" runat="server" Width="10px" Height="10px" ImageUrl='<%#Eval("CitationPath")%>'
                                    AlternateText=" " Visible='<%# Eval("CitationPath").ToString() != "" %>' />
                                <div class="rightFloat">
                                    <asp:CheckBox ID="chkAssignStatus" runat="server" Enabled='<%#(Boolean.Parse(Container.Appointment.Attributes["IsGradeAssigned"]))?false:true %>'
                                        Checked='<%#Boolean.Parse(Container.Appointment.Attributes["IsAssignmentCompleted"]) %>'
                                        Visible='<%# String.IsNullOrEmpty(Container.Appointment.Attributes["showChkBox"])? false : Boolean.Parse(Container.Appointment.Attributes["showChkBox"]) %>'
                                        AutoPostBack="true" OnCheckedChanged="chkAssignStatus_CheckedChanged" ValidationGroup='<%#Eval("AssignmentScheduleID")%>'
                                        onmousedown="get_coords(event)" />
                                </div>
                            </div>
                        </div>
                    </div>
                </AppointmentTemplate>
                <TimeSlotContextMenus>
                    <telerik:RadSchedulerContextMenu ID="radTimeContextView" runat="server">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Add Event" Value="Event">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Add Course" Value="Course">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem runat="server" Text="Add Assignment" Value="Assignment">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadSchedulerContextMenu>
                </TimeSlotContextMenus>
            </telerik:RadScheduler>


Thanks,

[Plamen]

Hello,

 
If you are using 2011 or older versions of RadScheduler  such behavior is expected because the drag and drop functionality in mobile devices was implemented after that in the control. If you are using a latest version and you still observe some issue please let us know how to replicated them and be more helpful.

Regards,
Plamen
Telerik