title | page_title | description | slug | tags | published | position |
---|---|---|---|---|---|---|
Touch Support |
Touch Support |
This article will describe the build-in touch support. |
touch-support |
touch,support |
true |
3 |
Telerik UI for {{ site.framework_name }} now provides touch support. The functionality is built on top of our [TouchManager]({%slug touchmanager-overview%}) 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.
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:
As of version Q2 2015, the TouchIndicator is represented by a single circle.
Below are listed the controls and their behavior with the different gestures:
Control | Swipe | Pinch | Tap | Tap and Move | Tap and Hold | Custom |
---|---|---|---|---|---|---|
RadCalendar | Next/Previous | Semantic zoom (only outwards) | Click | - | - | -{% if site.site_name == 'WPF' %} |
RadCarousel | Next/Previous | - | Click/Selection | - | - | -{% endif %} |
RadChartView | Scroll | Zoom | Click/Selection/Tooltip | Trackball | Show ToolTip | - |
RadComboBox | Scroll DropDown | - | Click | - | - | -{% if site.site_name == 'Silverlight' %} |
RadCoverFlow | Scroll with inertia | - | Click | Scroll (if possible) | - | -{% endif %} |
RadDiagram | Pan with Inertia | Zoom | Select | Scroll | Shows circle for Rectangle Selection | Tap and Hold and Move will start a rectangle Selection |
RadGanttView | Scroll with inertia | Zoom | Click | On item - Drag&Drop; on slot - Scroll | - | - |
RadGauge | - | - | Click | Moves indicators | Shows tooltip | - |
RadGridView | Scroll | - | Click/Selection | HeaderCell/GroupPanelItem - Drag&Drop | - | - |
RadImageEditor | Scroll | Zoom | - | - | - | - |
RadListBox | Scroll with inertia | - | Click | Drag&Drop | - | - |
RadMap | Pan | Zoom | Click/Selection | - | - | Double Tap -> Zoom |
RadPdfViewer | Scroll | Zoom | Click | - | - | Selection markers to extend the selection |
RadRropertyGrid | Scroll | - | Click/Selection | - | - | - |
RadRichTextBox | Scroll | Zoom | Click (move caret to position) | - | Show context menu | Selection markers to extend the selection |
RadScheduleView | Horizontally - Previous/Next; Vertically - Scroll | Timeline - Zoom, others - switching the views | Click/Selection | On item - Drag&Drop; on slot - multiple slots selection | - | - |
RadSpreadsheet | Scroll | Zoom | Click | - | - | Selection markers to extend the selection |
RadTimeBar | Scroll | Zoom | Click/Selection | Moves Selection | Selection | Double Tap -> Extends selection |
RadTimeline | Scroll | Zoom | Click/Selection | Selection | Shows tooltip | - |
RadTreeListView | Scroll | - | Click | - | Shows a circle to be dragged | - |
RadTreeMap | - | - | Selection | - | Shows tooltip | - |
RadTreeView | Scroll with Inertia | - | Click/Selection/Expand | - | Shows touch Indicator | Tap and Hold and Move will Start Drag operation |
RadTileList | Scroll | - | Selection | - | - | - |
RadTileView | Scroll | - | Selection | - | On header - Drag and Drop | - |
RadSyntaxEditor | Scroll | Zoom | Click (move caret to position) | Selection markers to extend the selection | - | - |
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.
{{region cs-touch-support-1}}
public App()
{
TouchManager.IsTouchEnabled = false;
this.InitializeComponent();
}
{{endregion}}
{{region vb-touch-support-1}} Public Sub New() TouchManager.IsTouchEnabled = False Me.InitializeComponent() End Sub {{endregion}}
Disabling the IsTouchEnabled setting will unsubscribe only from the events provided by the TouchManager. The native events will still be triggered.
- [TouchManager Features]({%slug touchmanager-features%})
- [Touch Modes]({%slug touchmanager-touch-modes%})