Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Collapse]Ribbon, Bars and Menu
   [Expand]Bars
   [Collapse]Ribbon
    [Expand]The Ribbon UI
    [Expand]Visual Elements
    [Expand]Items and Item Links
     Ribbon Styles
    [Expand]Galleries
    [Expand]Main Menus
    [Expand]Ribbon Control Designer
    [Collapse]Runtime Capabilities
      Ribbon Merging
      Key Tips
      Runtime Customization
      Touch Support
    [Expand]Miscellaneous
     Known Issues
   [Expand]Popup Menus
    Radial Menu
   [Expand]Common Features
   [Expand]Examples
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Touch Support

The Ribbon Control fully supports touch-input devices. This not only means that end-users can use touch gestures to operate the Ribbon, but the control itself can be switched to Touch UI mode. In this mode, more space is added around the ribbon items, to make them easier to tap on touchscreen devices. The following image illustrates the same Ribbon Control with Touch UI mode enabled and disabled.

Touch UI mode also modifies the appearance of Gallery Controls: instead of three buttons (scroll up, scroll down, open pop-up), only one drop-down button is displayed. In Touch UI mode, end-users can drag gallery content to scroll it up or down. The image below shows the difference in appearance.

To specify whether or not Touch UI mode is enabled on application start-up, use the RibbonOptionsTouch.TouchUI property. Your end-users can also choose between Mouse and Touch UI modes at runtime via a corresponding selector in the Quick Access Toolbar (QAT) (see the image below).

The RibbonOptionsTouch.ShowTouchUISelectorInQAT property specifies whether or not this selector is currently visible. If the RibbonOptionsTouch.ShowTouchUISelectorVisibilityItemInQATMenu property equals true, end-users can manually display or hide the Touch UI selector within the QAT. To do so, invoke the QAT menu and check or uncheck the corresponding menu item, as shown in the image below.

The Touch UI mode for the Ribbon Control is available for all DevExpress Skins.

How would you rate this topic?​​​​​​​