New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Appointment Interaction

This help article contains information about the main appointment interactions available with the RadScheduler.

Please note that the RadScheduler mobile rendering rely on native input elements (input type = “date|time|number”) and could not work properly on browser that does not support them.

Selecting, Resizing and dragging appointments

The following image shows how you can select and resize an appointment:

Figure 1. Select and resize an appointment

scheduler-mobilerendering-selectandresizeappointment

A major change from the previous behavior in mobile devices is that the Appointment is not immediately draggable. In order to drag or resize an appointment, you now have to select it first. When you select an appointment the new resize handles (optimized for touch screens) are shown, and you can now drag and resize it freely.

To edit an appointment the user can tap and hold on it. Depending on the configuration of the Scheduler, one of the following things will happen:

  • If an AppointmentContextMenu is set, it will be opened.

    Figure 2. Appointment context menu is shown.

    scheduler-mobilerendermode-contextmenu

  • If there’s no context menu, the InlineEdit or AdvancedEdit form will be opened, depending on the StartEditingInAdvancedForm property.

    Figure 3. Advanced Edit Form

    scheduler-mobilerendering-advancedform