- Loading...
Page History
...
There is no difference in behavior of buttons on Desktop and touch platforms. When tapped, buttons perform actions that are assigned to them.
Image: Button
The following table describes actions that are performed when users use the following gesture:
| Tap Button | Activate the button. |
...
Charts on touch platforms behave same as on Desktop.
Image: LineChart
Image: BarChart
Image: AreaChart
CheckBox
There is no difference in behavior of check boxes on Desktop and touch platforms. When tapped, check boxes switch their settings.
Image: CheckBox
The following table describes actions that are performed when users use the following gesture:
| Tap CheckBox or its label | Switch the setting of the check box. |
...
Note that when the list is scrolling, users can tap anywhere to stop the scrolling.
Image: ChoiceBox
The following table describes actions that are performed when users use the following gestures:
Choice Box
| Tap ChoiceBox | Open the list of values. |
List Is Open
| Tap outside the list | Close the list. |
| Tap a value | Commit the value and close the list. |
| Tap a scroll button | Scroll the list. |
| Drag up | Scroll the list down. |
| Drag down | Scroll the list up. |
| Swipe up | Invoke accelerated scrolling and scroll the list down. |
| Swipe down | Invoke accelerated scrolling and scroll the list up. |
...
When users tap a regular combo box, a list that allows users to see the combo box's values opens. Users can navigate within the list by moving their finger up or down. To select a value, users must tap it. After that, the list is closed and the combo box displays the new value.
Image: Regular ComboBox
On the other hand, when users tap the field in an editable combo box, a virtual keyboard appears allowing users to type characters. To display a list of combo box's values, users must tap the drop-down button. Similarly to the regular combo box, users can navigate within the list by moving their finger up or down. After tapping a value, the list is closed and the new value is displayed in the combo box.
Image: Editable ComboBox
To close the list without selecting a value, users can tap the regular combo box or the drop-down button in the editable combo box. In both versions of combo box control, users can also tap outside the list to close it.
...
Based on specification that came from our visual designer, it is recommended to use 9pt font size as a default font size on Embedded devices. However, this font size may change based on results from testing on a real device.
Image: Label
ListView
ListView on Embedded touch platforms behaves same as ListView on Desktop platform. Users can interact with a list view by moving their finger up/down or left/right to scroll the list or by tapping an item to select it.
...
Note that when the list is scrolling, scroll bars appear to indicate the size of the content. At any time, users can tap anywhere to stop the scrolling. Also, when the content is not scrolling, scroll bars are hidden.
Image: ListView
The following table describes actions that are performed when users use the following gestures:
Vertical Orientation
| Tap an item | Select the item and/or activate the associated action. |
| Double tap an item | Edit the item (if allowed). Invoke the virtual keyboard. |
| Tap and hold | Invoke the pop-up menu, if available. |
| Drag up | Scroll the list down. |
| Drag down | Scroll the list up. |
| Swipe up | Invoke accelerated scrolling and scroll the list down. |
| Swipe down | Invoke accelerated scrolling and scroll the list up. |
Horizontal Orientation
| Tap an item | Select the item and/or activate the associated action. |
| Double tap an item | Edit the item (if allowed). Invoke the virtual keyboard. |
| Tap and hold | Invoke the pop-up menu, if available. |
| Drag left | Scroll the list right. |
| Drag right | Scroll the list left. |
| Swipe left | Invoke accelerated scrolling and scroll the list right. |
| Swipe right | Invoke accelerated scrolling and scroll the list left. |
...
When users interact with a page navigation control, they can tap a page button to open a page, tap Next/Previous button or use left/right swipe gesture to switch pages.
Image: Pagination
The following table describes actions that are performed when users use the following gestures:
| Tap a page button | Open selected page. |
| Tap Previous button | Open previous page. Pressing Previous button when the first page in a set is selected brings up previous set, if applicable, in which the last page is selected. |
| Tap Next button | Open next page. Pressing Next button when the last page in a set is selected brings up next set, if applicable, in which the first page is selected. |
| Swipe left | Open next page. Swiping from right to left when the last page in a set is selected brings up next set, if applicable, in which the first page is selected. |
| Swipe right | Open previous page. Swiping from left to right when the first page in a set is selected brings up previous set, if applicable, in which the last page is selected. |
...
For details about behavior of a password field, see TextField control.
ProgressBar
Progress bars are useful for communicating that a job is in-process. Even if progress bars are occupied with buttons, there is no difference in behavior of progress bars on Desktop and touch platforms.
Image: ProgressBar
ProgressIndicator
Progress indicators are useful for communicating that a job is in-process. Even if progress indicators are occupied with buttons, there is no difference in behavior of progress indicators on Desktop and touch platforms.
Image: ProgressIndicator
RadioButton
There is no difference in functionality of radio buttons on Desktop and touch platforms. Users can tap the radio button or its label to switch it on.
Image: RadioButton
The following table describes actions that are performed when users use the following gesture:
Radio Button State: ON
| Tap RadioButton or its label | Do nothing. |
Radio Button State: OFF
| Tap RadioButton or its label | Set the radio button to ON. Set all other radio buttons that are in the same group to OFF. |
...
In contrast to Desktop where users can interact with scroll bars, on touch platforms scroll bars appear solely as content size and position indicators. They are not active controls used for scrolling the content.
Image: ScrollBar
ScrollPane
There is no difference in functionality of scroll panes on Desktop and touch platforms, except that users use gestures to interact with the ScrollPane content.
...
When interacting with a slider control, users can tap the axis to change position of the knob, or tap, hold, and drag the knob to a new position on the axis. When users release their finger, the drag gesture is stopped and the position of the knob is preserved.
Image: Slider
The following table describes actions that are performed when users use the following gestures:
Horizontal Orientation
| Tap the axis | Change position of the knob. |
| Drag the knob | Move the knob into direction of the drag gesture (left or right). When released, stop moving the knob. |
Vertical Orientation
| Tap the axis | Change position of the knob. |
| Drag the knob | Move the knob into direction of the drag gesture (up or down). When released, stop moving the knob. |
...
There is no difference in functionality of SplitPanes on Desktop and touch platforms. Users can change position of a splitter by dragging it into a new position.
Image: SplitPane
The following table describes actions that are performed when users use the following gestures:
Horizontal Splitter
| Drag the splitter | Move the splitter into direction of the drag gesture (up or down). When released, stop moving the splitter. |
Vertical Splitter
| Drag the splitter | Move the splitter into direction of the drag gesture (left or right). When released, stop moving the splitter. |
...
When users interact with TabPanes, they can tap a tab to select it or tap the pop-up button and select a tab they want to switch to. Users can also swipe their finger left or right to switch between tabs. To close a tab, users can tap the close button, if available.
Image: TabPane
The following table describes actions that are performed when users use the following gestures:
| Tap a tab | Open selected tab. |
| Tap the close button | Close the tab. |
| Tap the pop-up button | Open the pop-up window. |
| Swipe left | If there is no content that could scroll, select next tab (switch contents with an animation). |
| Swipe right | If there is no content that could scroll, select previous tab (switch contents with an animation). |
...
Note that when the table is scrolling, scroll bars appear to indicate the size of the content. At any time, users can tap anywhere to stop the scrolling. Also, when the content is not scrolling, scroll bars are hidden.
Image: TableView
The following table describes actions that are performed when users use the following gestures:
Column Header
| Tap Show/Hide Column | Display the pop-up menu. |
| Tap Column's Header | Sort data in the column. |
| Drag Column's Header | Rearrange the column. |
| Drag Column's Border | Change size of the column. |
Content
| Tap a cell | Select/perform an action. |
| Double tap a cell | Edit the cell (if allowed). Invoke the virtual keyboard. |
| Drag up | Scroll the table down. |
| Drag down | Scroll the table up. |
| Drag left | Scroll the table right. |
| Drag right | Scroll the table left. |
| Swipe up | Invoke accelerated scrolling and scroll the table down. |
| Swipe down | Invoke accelerated scrolling and scroll the table up. |
| Swipe left | Invoke accelerated scrolling and scroll the table right. |
| Swipe right | Invoke accelerated scrolling and scroll the table left. |
...
Note that design of this control is addressed in the following following UE Specification:.
TBD
TextField
Note that design of this control is addressed in the following UE Specification:.
TBD
TitledPane
There is no difference in functionality of Titled Panes on Desktop and touch platforms.
When interacting with TitledPanes on touch platforms, users simply tap the title of the pane to expand or collapse the pane.
Image: TitledPane
The following table describes actions that are performed when users use the following gestures:
| Tap the title | Expand/collapse the pane. |
...
There is no main difference in behavior of buttons on Desktop and touch platforms. When tapped, the buttons perform actions that are assigned to them.
Image: ToggleButton
The following table describes actions that are performed when users use the following gesture:
| Tap | If the toggle button is not selected, select the button and perform the associated action. If the toggle button is selected, deselect the button and perform the associated action. |
...
Since users do not interact with ToolBars, but controls that are displayed in ToolBars, see appropriate chapters that describe behavior for these controls.
Image: ToolBar
TreeView NOT FOR LOMBARD (8.0)
...
Note that when the tree is scrolling, scroll bars appear to indicate the size of the content. At any time, users can tap anywhere to stop the scrolling. Also, when the content is not scrolling, scroll bars are hidden.
Image: TreeView
The following table describes actions that are performed when users use the following gestures:
| Tap a parent node | Expand/collapse the node. |
| Tap a leaf node | Select the node and/or perform the action that is associated with the node. |
| Tap and hold | Invoke the pop-up menu, if available. |
| Double tap a node | Edit the node (if allowed). Invoke the virtual keyboard. |
| Drag up | Scroll the content down. |
| Drag down | Scroll the content up. |
| Drag left | Scroll the content right. |
| Drag right | Scroll the content left. |
| Swipe up | Invoke accelerated scrolling and scroll the tree down. |
| Swipe down | Invoke accelerated scrolling and scroll the tree up. |
| Swipe left | Invoke accelerated scrolling and scroll the tree right. |
| Swipe right | Invoke accelerated scrolling and scroll the tree left. |
...
Note that design of this control is addressed in the following UE Specification:TBD.
Overview
Content Tools