Ipad Drag,Drop,Contextmenu and Move assignments

4 posts, 0 answers
  1. K. R.Murthii
    K. R.Murthii avatar
    19 posts
    Member since:
    Sep 2006

    Posted 24 Sep 2013 Link to this post

    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,
  2. Plamen
    Admin
    Plamen avatar
    2731 posts

    Posted 27 Sep 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. K. R.Murthii
    K. R.Murthii avatar
    19 posts
    Member since:
    Sep 2006

    Posted 27 Sep 2013 Link to this post

    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,
  5. Plamen
    Admin
    Plamen avatar
    2731 posts

    Posted 02 Oct 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top