New to Telerik UI for WPF? Download free 30-day trial

Touch Support

Telerik UI for WPF now provides touch support. The functionality is built on top of our TouchManager framework which provides the needed extensibility and the ability for each of the specific controls in the suite to support only the needed for it gestures.

Gestures

Touch gestures describe gestures in which you use a finger or stylus to a movement over a control or object on the screen. These are the commonly supported ones for the suite:

Gesture-Description
Common Touch Support 01SwipeThe user presses and holds on the screen and then drags the finger / stylus in any direction.
Common Touch Support 02PinchThe user touches the screen with two (or more) fingers and moves them inwards or outwards.
Common Touch Support 03TapThe user touches the screen.
Common Touch Support 04Tap and MoveThe user presses and holds the screen for a short period of time (between 600ms and 800ms) and drags his finger / stylus in any direction.
Common Touch Support 05Tap and HoldThe user presses and holds the screen for a short period of time (more than 800ms).

As of version Q2 2015, the TouchIndicator is represented by a single circle.

Controls Behavior

Below are listed the controls and their behavior with the different gestures:

ControlSwipePinchTapTap and MoveTap and HoldCustom
RadCalendarNext/PreviousSemantic zoom (only outwards)Click---
RadCarouselNext/Previous-Click/Selection---
RadChartViewScrollZoomClick/Selection/TooltipTrackballShow ToolTip-
RadComboBoxScroll DropDown-Click---
RadDiagramPan with InertiaZoomSelectScrollShows circle for Rectangle SelectionTap and Hold and Move will start a rectangle Selection
RadGanttViewScroll with inertiaZoomClickOn item - Drag&Drop; on slot - Scroll--
RadGauge--ClickMoves indicatorsShows tooltip-
RadGridViewScroll-Click/SelectionHeaderCell/GroupPanelItem - Drag&Drop--
RadImageEditorScrollZoom----
RadListBoxScroll with inertia-ClickDrag&Drop--
RadMapPanZoomClick/Selection--Double Tap -> Zoom
RadPdfViewerScrollZoomClick--Selection markers to extend the selection
RadRropertyGridScroll-Click/Selection---
RadRichTextBoxScrollZoomClick (move caret to position)-Show context menuSelection markers to extend the selection
RadScheduleViewHorizontally - Previous/Next; Vertically - ScrollTimeline - Zoom, others - switching the viewsClick/SelectionOn item - Drag&Drop; on slot - multiple slots selection--
RadSpreadsheetScrollZoomClick--Selection markers to extend the selection
RadTimeBarScrollZoomClick/SelectionMoves SelectionSelectionDouble Tap -> Extends selection
RadTimelineScrollZoomClick/SelectionSelectionShows tooltip-
RadTreeListViewScroll-Click-Shows a circle to be dragged-
RadTreeMap--Selection-Shows tooltip-
RadTreeViewScroll with Inertia-Click/Selection/Expand-Shows touch IndicatorTap and Hold and Move will Start Drag operation
RadTileListScroll-Selection---
RadTileViewScroll-Selection-On header - Drag and Drop-
RadSyntaxEditorScrollZoomClick (move caret to position)Selection markers to extend the selection--

TouchManager States

As of version Q2 2014, we have introduced a new IsTouchEnabled property, which controls the state of TouchManager on application level. It is enabled by default, but setting it to False will prevent any touch events to be fired.

Example 1: Disable touch support

public App() 
{ 
    TouchManager.IsTouchEnabled = false; 
    this.InitializeComponent(); 
} 
Public Sub New() 
    TouchManager.IsTouchEnabled = False 
    Me.InitializeComponent() 
End Sub 

Disabling the IsTouchEnabled setting will unsubscribe only from the events provided by the TouchManager. The native events will still be triggered.

See Also