9       Appendix B: OJET Controls

This section describes the set of unique keystrokes for LUX and OJET controls:

NOTE:

Disabled items will not receive keyboard focus and do not allow any interaction. Read-only items receive the keyboard focus.

OJET Accordion (oj-accordion)

This section contains information on the accordion keystrokes.

Table: Accordion Keystrokes

Target

Key

Action

Collapsible header

Space or Enter

Toggle disclosure state.

Collapsible header

Tab

Navigate to the next collapsible header and if none then the next element on-page.

Collapsible header

Shift+Tab

Navigate to the previous collapsible header and if none then the previous element on-page.

Collapsible header

UpArrow or Left Arrow (RightArrow in RTL)

Move focus to the previous collapsible header with wrap around.

Collapsible header

DownArrow or RightArrow (LeftArrow in RTL)

Move focus to the next collapsible header with wrap around.

Collapsible header

Home

Move focus to the first collapsible header.

Collapsible header

End

Move focus to the last collapsible header.

OJET Button (oj-button)

This section contains information on the Button Keystroke.

Table: Button Keystroke

Target

Key

Action

Push Button

Enter or Space*

Push the button.

Toggle Button

Enter or Space

Toggle the button.

Menu Button

Enter, Space*, or DownArrow

Open the menu.

 

Esc

Close the menu.

 

NOTE:

Some types of Push and Menu buttons support the use of the Enter key and not the Space key.

OJET Buttonset One (oj-buttonset-one)

This section contains information on the Buttonset One Keystroke.

Table: Buttonset One Keystroke

Target

Key

Action

Buttonset

LeftArrow

Navigate to the previous enabled button on the left, wrapping around at the end.

 

RightArrow

Navigate to the next enabled button on the right, wrapping around at the end.

OJET Canvas (oj-canvas)

This section contains information on the OJET Canvas keystrokes.

Table: OJET Canvas Keystrokes

Target

Key

LHS Activity List

See OJET Context Menu  for Keystrokes.

See Canvas Diagram for Keystrokes.

RHS Canvas Diagram

See OJET Context Menu  for Keystrokes.

See Canvas Diagram for Keystrokes.

 

OJET Canvas Diagram (oj-canvas-diagram)

This section contains information on the Canvas Diagram component

Table: Canvas Diagram Keystrokes

Key

Action

Tab

Move focus to next element.

Shift + Tab

Move focus to previous element.

+

Zoom in one level.

-

Zoom out one level.

0 (zero)

Zoom to fit.

Ctrl + Alt + 0 (zero)

Zoom and center.

PageUp or PageDown

Pan up / down.

Shift + PageUp or PageDown

Pan left/right (RTL: Pan right/left).

LeftArrow or RightArrow

When focus is on a node, move focus and selection to nearest node left/right.

UpArrow or DownArrow

When focus is on a node, move focus and selection to nearest node up/down.

Ctrl + Shift + Space

Open/Close an active container node

[

Move focus and selection to nearest node down in the container hierarchy

]

Move focus and selection to nearest node up in the container hierarchy

Alt + < or Alt + >

Move focus from the node to a link.

UpArrow or DownArrow

When focus is on a link, navigate between links clockwise or counter clockwise.

LeftArrow or RightArrow

When focus is on a link, move focus from a link to a start or end node.

Ctrl + Space

Select focused node / link.

Ctrl + Space

Multi-select node / link with focus.

Shift + <node or link navigation shortcut>

Move focus and multi-select a node or a link.

Ctrl + <node or link navigation shortcut>

Move focus to a node or a link but do not select.

OJET Chart (oj-chart)

This section contains information on the Chart Component keystrokes.

Table: Chart Component Keystrokes

Key

Action

Tab

Move focus to next element.

Shift + Tab

Move focus to previous element.

UpArrow

Move focus and selection to previous data item.

DownArrow

Move focus and selection to next data item.

LeftArrow

Move focus and selection to previous data item (on left).

RightArrow

Move focus and selection to next data item (on right).

Shift + UpArrow

Move focus and multi-select previous data item.

Shift + DownArrow

Move focus and multi-select next data item.

Shift + LeftArrow

Move focus and multi-select previous data item (on left).

Shift + RightArrow

Move focus and multi-select next data item (on right).

Ctrl + UpArrow

Move focus to previous data item, without changing the current selection.

Ctrl + DownArrow

Move focus to next data item, without changing the current selection.

Ctrl + LeftArrow

Move focus to previous data item (on left), without changing the current selection.

Ctrl + RightArrow

Move focus to next data item (on right), without changing the current selection.

Ctrl + Spacebar

Multi-select data item with focus.

= or +

Zoom in one level if zooming is enabled.

- or _

Zoom out one level if zooming is enabled.

PageUp

Pan up if scrolling is enabled.

PageDown

Pan down if scrolling is enabled.

Shift + PageUp

Pan left in left-to-right locales. Pan right in right-to-left locales.

Shift + PageDown

Pan right in left-to-right locales. Pan left in right-to-left locales.

Enter

Drill on data item, categorical axis label, or legend item when drilling is enabled.

OJET Checkbox (oj-checkbox)

This section contains information on the Checkbox keystroke.

Table: Checkbox Keystroke

Target

Key

Action

Checkboxset

Tab In

Set focus to the first focusable checkbox in the checkbox set. Disabled checkboxes are not focusable. If hints, help Instruction or messages exist in a note window, pop up the note window.

Checkbox

Space

Toggles the checkbox; If the checkbox is unselected, it will select it and vice versa.

Checkbox

Tab

Sets focus to the next focusable checkbox in the checkbox set. Disabled checkboxes are not focusable. If the target is the last focusable checkbox in the checkbox set, focus goes to the next focusable item after the oj-checkboxset.

Checkbox

Shift+Tab

Sets focus to the previous focusable checkbox in the checkbox set. Disabled checkboxes are not focusable. If the target is the first focusable checkbox in the checkbox set, focus goes to the previous focusable item before the oj-checkboxset.

OJET Context Menus (oj-menu)

The Menus keystroke is used for all button menus. For example, the user menu on the landing page, tile menu in applications, and so on.

Table: Menus Keystrokes

Target

Key

Action

Menu Item

Enter or Space

Invoke the focused menu item's action.

UpArrow

Move focus to the previous menu item, wrapping around at the top.

DownArrow

Move focus to the next menu item, wrapping around at the bottom.

Home

Move focus to the first menu item.

End

Move focus to the last menu item.

Menu Item in Top-level Menu

Esc

Close the menu and move focus to the launcher.

JET Component or HTML Element having a JET Context Menu

Shift + F10

Open the context menu.

OJET Control Specific Help (oj-control-specific-help)

This section contains information on the Control Specific Help component.

Table: Control Specific Help Component

Target

Key

Action

Control Specific Help

Tab

Set focus to the Help button and reads the context Help text.

OJET Date or DateTime (oj-datetime / oj-calendar)

This section contains information on the date or DateTime keystroke.

Table: Date or DateTime Keystroke

Target

Key

Action

Input element

DownArrow or UpArrow

Shows the calendar grid and moves the focus into the expanded grid.

Input element

Esc

Close the grid.

Input element

Tab In

Set focus to the input. If hints, titles, or messages exist in a note window, pop up the note window.

Picker

Enter

Select the currently focused day

Picker

UpArrow

Move up in the grid.

Picker

DownArrow

Move down in the grid.

Picker

RightArrow

Move right in the grid.

Picker

LeftArrow

Move left in the grid.

Picker

Esc

Close the grid.

Picker

Home

Move focus to first day of the month.

Picker

End

Move focus to last day of the month.

Picker

Page Up

Switch to previous month.

Picker

Page Down

Switch to next month.

Picker

Alt + Page Up

Switch to previous year.

Picker

Alt + Page Down

Switch to next year.

Picker

Ctrl + Alt + Page Up

Switch to previous by stepBigMonths.

Picker

Ctrl + Alt + Page Down

Switch to next by stepBigMonths.

Picker

Ctrl + Alt + T

Places focus on the Today button if it exists.

 

Table: Date Time Keystrokes

Target

Key

Action

Input element

DownArrow or UpArrow

When not in Inline Mode, shows the calendar grid and moves the focus into the expanded grid. When in Inline Mode, shows the time picker and moves the focus into the expanded time picker.

Input element

Shift + DownArrow or UpArrow

Shows the time picker and moves the focus into the expanded time picker.

Input element

Esc

Close the grid.

Input Element

Tab In

Set focus to the input. If hints, titles, or messages exist in a note window, pop up the note window.

Picker

Enter

Select the currently focused day.

Picker

UpArrow

Move up in the grid.

Picker

DownArrow

Move down in the grid.

Picker

RightArrow

Move right in the grid.

Picker

LeftArrow

Move left in the grid.

Picker

Esc

Close the grid.

Picker

Home

Move focus to the first day of the month.

Picker

End

Move focus to the last day of the month.

Picker

Page Up

Switch to the previous month.

Picker

Page Down

Switch to next month.

Picker

Alt + Page Up

Switch to the previous year.

Picker

Alt + Page Down

Switch to next year.

Picker

Ctrl + Alt + Page Up

Switch to previous by stepBigMonths.

Picker

Ctrl + Alt + PageDown

Switch to next by stepBigMonths.

Picker

Ctrl + Alt + T

Places focus on the Today button if it exists.

OJET Dialog (oj-dialog)

This section contains information on the dialog keystrokes.

Table: Dialog Keystrokes

Target

Key

Action

Dialog

Esc

Close the dialog.

Dialog Close Icon

Enter or Space

Close the dialog.

OJET Expand/Collapse (oj-collapse )

This section contains information on the Expand Collapse component.

Table 240: Expand Collapse Component

Target

Key

Action

Header

Space or Enter

Toggle disclosure state.

OJET Expression Builder (oj-expression-builder)

This section contains information on the Expression Builder component.

Table: Expression Builder Component

Target

Key

Action

Expression Shuttle Tree

Tab

Set focus to the Tree

Tree

See Hcy Br Tree(oj-tree) for the Keystrokes

 

Expression Textbox

Tab

Set focus to the TextArea

OJET Expression Builder Launcher (oj-expression-builder-launcher)

This section contains information on the OJET Expression Builder Launcher component.

Table: Expression Builder Launcher Component

Target

Key

Action

Launch Button

Tab

Set focus to the Launch Button

Launch Button

Enter

Activates the control and opens the Popup Window

Menu Drop-down

Tab

Set focus to the Menu Item

Menu Drop-down

Enter

Activates the selected Menu Item and refreshes the Grid with the updated state

OJET Foldable Layout (oj-foldable-layout)

This section contains information on the Foldable Layout keystrokes.

Table: Foldable Layout Keystrokes

Target

Key

Action

Foldable layout

Left Arrow

Moves to previous panel

Foldable layout

Right Arrow

Moves to next panel

Foldable layout

F2

To navigate between focusable elements inside the panel

OJET Grid (oj-grid)

This section contains information on the grid keystroke.

Table: Grid Keystroke

Target

Key

Action

Cell

Tab

The first Tab into the DataGrid moves focus to the first cell of the first row. The second Tab moves focus to the next focusable element outside of the DataGrid.

Shift + Tab

The first Shift + Tab into the DataGrid moves focus to the first cell of the first row. The second Shift + Tab moves focus to the previous focusable element outside of the DataGrid.

LeftArrow

Moves focus to the cell of the previous column within the current row. There is no wrapping at the beginning or end of the columns. If a row header is present, then the row header next to the first column of the current row will gain focus.

RightArrow

Moves focus to the cell of the next column within the current row. There is no wrapping at the beginning or end of the columns.

UpArrow

Moves focus to the cell of the previous row within the current column. There is no wrapping at the beginning or end of the rows. If a column header is present, then the column header above the first row of the current column will gain focus.

DownArrow

Moves focus to the cell of the next row within the current column. There is no wrapping at the beginning or end of the rows.

Home

Moves focus to the first (available) cell of the current row.

End

Moves focus to the last (available) cell of the current row.

Page Up

Moves focus to the first (available) cell in the current column.

Page Down

Moves focus to the last (available) cell in the current column.

Ctrl + Space

Selects all the cells of the current column. This is only available if multiple cell selection modes are enabled.

Shift + Space

Selects all the cells of the current row. This is only available if multiple cell selection modes are enabled.

Shift + Arrow

Extends the current selection.

Ctrl + Arrow

Move focus to level 0 of the active index of the header in the arrow direction if it exists.

Shift + F8

Freezes the current selection, therefore allowing the user to move focus to another location to add additional cells to the current selection. This is used to accomplish non-contiguous selection. Use the Esc key or press Shift+F8 again to exit this mode.

Shift + F10

Brings up the context menu.

Ctrl + X

Marks the current row to move if dnd is enabled and the data source supports move operation.

Ctrl + V

Move the row that is marked to directly under the current row. If the row with the focused cell is the last, then it  is a move to the row above the current row.

Ctrl + A

If multiple selections are enabled, perform a select all on the Datagrid.

Ctrl + Alt + 5

Read the context and content of the current cell to the screen reader.

F2

Makes the content of the cell actionable, such as a link.

Enter

Makes the content of the cell actionable and acts on the content, such as going to a link.

Alt + Enter

Makes the content of the cell actionable, such as a link.

Esc

If the cell is actionable, it exits the actionable mode.

Column Header Cell

LeftArrow

Moves focus to the previous column header. There is no wrapping at the beginning or end of the column headers.

RightArrow

Moves focus to the next column header. There is no wrapping at the beginning or end of the column headers.

DownArrow

Moves focus to the cell of the first row directly below the column header. If using nested headers moves to focus up a level.

UpArrow

If using nested headers moves the focus down a level.

Ctrl + UpArrow

If in the column end header, move focus to level 0 of the active index in the column header if it exists.

Ctrl + DownArrow

If in the column header, move focus to level 0 of the active index in the column end header if it exists.

Enter

Toggle the sort order of the column if the column is sortable.

Shift + F10

Brings up the context menu.

Space

If multiple selections are enabled and not in the selection Mode row, the column(s) underneath the header will be selected.

Shift + RightArrow

If multiple selections are enabled and not in the SelectionMode row, the column selection extends to the right by the number of columns covered by the header to the right of the current selection frontier header.

Shift + LeftArrow

If multiple selections are enabled and not in the SelectionMode row, the column selection extends to the right-left the number of columns covered by the header to the left of the current selection frontier header.

Shift + UpArrow

If multiple selections are enabled and not in the SelectionMode row and the current selection frontier header has a parent nested header, the column selection extends to cover the columns beneath the parent header.
Extending the selection with arrow keys use the parent level. If the parent header is directly above the anchor header, the anchor shifts to the parent header and future selections are based on the parent header.
If we are already at the highest level, nothing happens.

Shift + DownArrow

If multiple selections are enabled and not in the SelectionMode row and the current selection frontier header has a child nested header, the column selection extends to cover the columns beneath the child header.
Extending the selection with arrow keys will use the child level. If the child header is directly below the anchor header, the anchor shifts to the child header and future selections are based on the child header.
If we are already at the lowest level, it moves into the data body and select the first cell underneath the header.

Row Header Cell

UpArrow

Moves focus to the previous row header. There is no wrapping at the beginning or end of the row headers.

DownArrow

Moves focus to the next row header. There is no wrapping at the beginning or end of the row headers.

RightArrow

Moves focus to the cell of the first column directly next to the row header. If using nested headers moves to focus up a level.

LeftArrow

Moves focus to the cell of the first column directly next to the row header in the RTL direction. If using nested headers moves the focus down a level.

Ctrl + LeftArrow

If in the row end header, move focus to level 0 of the active index in the row header if it exists.

Ctrl + RightArrow

If in the row header, move focus to level 0 of the active index in the row end header if it exists.

Shift + F10

Brings up the context menu.

Space

If multiple selections are enabled, the row(s) underneath the header are selected.

Shift + UpArrow

If multiple selections are enabled, the row selection extends up by the number of rows covered by the header above the current selection frontier header.

Shift + DownArrow

If multiple selections are enabled, the row selection extends down by the number of rows covered by the header below the current selection frontier header.

Shift + LeftArrow

If multiple selections are enabled and the current selection frontier header has a parent nested header, the row selection extends to cover the rows beneath the parent header.
Extending the selection with arrow keys use the parent level. If the parent header is directly above the anchor header, the anchor shifts to the parent header and future selections  is based on the parent header.
If we are already at the highest level, nothing happens.

Shift + RightArrow

If multiple selections are enabled and the current selection frontier header has a child nested header, the row selection extends to cover the rows beneath the child header.
Extending the selection with arrow keys uses the child level. If the child header is directly below the anchor header, the anchor shifts to the child header and future selections  are based on the child header.
If we are already at the lowest level, it simply moves into the data body and select the first cell underneath the header.

OJET Hcy Br Tree (oj-tree)

This section contains information on the OJET Tree keystrokes.

Table: Hcy Br Tree Keystrokes

Key

Action

UpArrow/DownArrow

Moves between visible nodes.

LeftArrow

On an expanded node, collapses the node.
On a collapsed or leaf node, moves focus to the node's parent.

RightArrow

On a collapsed node, expands the node.
On an expanded node, moves to the first child of the node.
On an end node, does nothing.

Spacebar

Toggles the selected status of the node.

Home

Moves to the top node of the tree.

End

Moves to the last visible node of the tree.

Shift + UpArrow

Extends selection up one node (assuming multiple selection has been defined).

Shift + DownArrow

Extends selection down one node (assuming multiple selection has been defined).

Shift + Home

Extends selection up to the top-most node.

Shift + PageDown

Extends selection to the last node.

Ctrl + Spacebar

Toggles the selection state of the current node (assuming multiple selection has been defined).

Shift + Spacebar

Extends selection to the current node (assuming multiple selection has been defined).

Shift + F10

Invoke Context Menu (if defined) on current node.

* (asterisk)

Expands all nodes.

 

OJET Hierarchy Browser Map (oj-hierarchy-browser-map)

This section contains information on the Hierarchy Browser Map component.

Table: Hierarchy Browser Map Component

Target

Key

Action

Hierarchy Browser Map

Tab

Set focus to the elements

Select

See Select-single (oj-single-select) for the keystrokes

 

Tabs

See Tabs(oj-tabs) for the Keystrokes.

 

Tree

See Hcy Br Tree (oj-tree) for the keystrokes.

 

Buttons (Map, Automap, Unmap, Unmap All, Transform Map)

Tab

Set focus to the Buttons

 

Enter

Activates the Buttons

OJET Hierarchy Browser Shuttle (oj-hierarchy-browser-shuttle)

This section contains information on the OJET Hierarchy Browser Shuttle component.

Table 250: Hierarchy Browser Shuttle Component

Target

Key

Action

Hcy Browser controls

Tab

Set focus to the Hcy Browser controls

 

Enter

Activates the controls

Tree

See Hcy Br Tree(oj-tree) for the Keystrokes.

 

Tabs

See Tabs(oj-Tabs) for the Keystrokes.

 

Button Menu

See Context Menu(oj-menu) for the Keystrokes.

 

OJET Input Number (oj-input-number)

This section contains information on the number keystroke.

Table: Number Keystroke

Target

Key

Action

Input

Enter or Tab

Submit the value you typed in the input field.

Input

Tab In

Set focus to input. If hints, help, instruction, or messages exist in a note window, pop up the note window.

Input

UpArrow

Increment the number.

Input

DownArrow

Decrement the number.

OJET Legend (oj-legend)

This section contains information on the Legend Component keystrokes.

Table: Legend Component Keystrokes

Target

Key

Tab

Move focus to next element.

Shift + Tab

Move focus to previous element.

UpArrow

Move focus to previous item.

DownArrow

Move focus to next item.

LeftArrow

Move focus to previous item (on left).

RightArrow

Move focus to next item (on right).

Enter

Hides or unhides the data associated with the current item.

OJET List View (oj-listview)

This section contains information on the list view keystroke.

Table: List View Keystroke

Target

Key

Action

List Item

F2

Enters Actionable Mode. This enables keyboard action on elements inside the item, including navigating between focusable elements inside the item.

Esc

Exits Actionable Mode.

Tab

When in Actionable Mode, navigates to the next focusable element within the item. If the last focusable element is reached, shift focus back to the first focusable element. When not in Actionable Mode, navigates to the next focusable element on the page (outside ListView).

Shift+Tab

When in Actionable Mode, navigates to the previous focusable element within the item. If the first focusable element is reached, shift focus back to the last focusable element. When not in Actionable Mode, navigates to the previous focusable element on the page (outside ListView).

DownArrow

Move focus to the item below.

UpArrow

Move focus to the item above.

LeftArrow

When display in card layout, move focus to the item on the left.

RightArrow

When display in card layout, move focus to the item on the right.

Shift+DownArrow

Extend the selection to the item below.

Shift+UpArrow

Extend the selection to the item above.

Shift+LeftArrow

When display in card layout, extend the selection to the item on the left.

Shift+RightArrow

When display in card layout, extend the selection to the item on the right.

Shift+F10

Launch the context menu if there is one associated with the current item.

Enter

Selects the current item. Not applicable if the item is already selected.

Space

Toggles to select and deselect the current item. If previous items have been selected, deselects them and selects the current item.

Shift+Space

Selects contiguous items from the last selected item to the current item.

Ctrl+Space

Toggles to select and deselect the current item while maintaining previously selected items.

Ctrl+X

Marks the selected items to move if dnd.reorder is enabled.

Ctrl+C

Marks the selected items to copy if dnd.reorder is enabled.

Ctrl+V

Paste the items that are marked directly before the current item (or as the last item if the current item is a folder).

Group Item

LeftArrow

Collapse the current item if it is expanded and is collapsible. For non-hierarchical data, do nothing.

RightArrow

Expand the current item if it has children and is expandable. For non-hierarchical data, do nothing.

 

OJET Messages (oj-messages)

This section contains information on the messages keystrokes.

Table: Messages Keystrokes

Target

Key

Action

Focus within Messages

Tab or Shift + Tab

Navigate the content of the messages region.

F6

Moves focus back to the last focused element outside the messages region.

Esc

Moves focus back to the last focused element outside the messages region.

Focus outside Messages

F6

Move focus to the first message within the more recently disclosed messages region.

OJET Metadata Browser Breadcrumb (metadata-browser-breadcrumbs)

This section contains information on the Metadata Browser Breadcrumb keystrokes.

Table: Metadata Browser Breadcrumb Keystrokes

Target

Key

Action

Object Node

Enter

Expands dependencies and usage relationships for the selected item

Object Node

Shift + F10

Opens context menu

Object Node

F2

To navigate between focusable elements inside the panel

OJET Navigation List (oj-navigation-list)

The OFSAA landing page uses the Navigation menu for the Left-Hand-Side (LHS) menu. The application selection menu is used to select an Application, Reports, Admin menu, and so on.

Table: Navigation List Keystroke

Target

Key

Action

List Item

Enter or Space

Selects list item.

List Item

UpArrow

Moves focus to the previous visible list item.

List Item

DownArrow

Moves focus to the next visible list item.

List Item

RightArrow (LeftArrow in RTL)

For the horizontal navigation list, the focus is moved to the next visible item.

List Item

LeftArrow (RightArrow in right to left (RTL)

For the horizontal navigation list, the focus  is moved to the previous visible item.

List Item

Home

Moves focus to the first visible list item.

List Item

End

Moves focus to the last visible list item.

List Item

F2

If the focus is on a list item, pressing F2 makes its contents accessible using TAB.

List Item

Esc

When F2 mode is enabled, press Esc to exit F2 mode.

List Item

Shift+Tab

Move focus to the hierarchical menu button. Only applicable for sliding navigation list and when the hierarchical menu button is enabled.

Group Item

RightArrow (LeftArrow in RTL)

If the focus is on the collapsed node, expand the  sublist.

Group Item

LeftArrow (RightArrow in RTL)

If the focus is on the expanded node, collapses the  sublist.

List Item in the sublist

Esc

Applicable only for sliding navigation list. If focus is in a sublist, closes the sublist and moves focus to the parent list item.

Hierarchical Menu button

Enter

NOTE: This target is visible only for the Sliding Navigation List.

Hierarchical Menu button

Tab

Moves focus to the current list item. Note: This target is visible only for the Sliding Navigation List.

Hierarchical Menu button

Shift + Tab

Moves focus to the Previous Icon. Note: This target is visible only for the Sliding Navigation List.

Overflow Menu button

Enter or Space

NOTE: This is applicable only for the Horizontal Navigation List when overflow is set to popup.

Previous Icon or List Header

Enter

Collapses the sublist and slides to the parent list.
NOTE: This target is visible only for the Sliding Navigation List.

Previous Icon or List Header

Tab

Moves focus to Hierarchical Menu button.
NOTE: This target is visible only for the Sliding Navigation List.

OJET Object Migration Canvas (oj-object-migration-canvas)

This section contains information on the Object Migration Canvas keystrokes.

Table: Object Migration Canvas Keystrokes

Target

Key

Canvas Diagram

See Canvas Diagram for Keystrokes.

OJET Object Node (object-node)

This section contains information on the Object Node keystrokes.

Table: Object Node Keystrokes

Target

Key

Action

Object Node

Enter

Expands dependencies and usage relationships for the selected item

Object Node

Shift + F10

Opens context menu

Object Node

F2

To navigate between focusable elements inside the panel

OJET Password (oj-password)

This section contains information on the Password keystroke.

Table: Password Keystroke

Target

Key

Action

Input element

Tab In

Set focus to the input. If hints, help, instruction, or messages exist in a note window, pop up the note window.

OJET Popup (oj-popup)

This section contains information on the popup keystrokes.

Table: Popup Keystrokes

Target

Key

Action

Focus within Popup

Tab or Shift + Tab

Navigate the content of the popup. Close the open popup if there are no tab stops in the popup.

F6

Move focus to the launcher for a popup with modeless modality. Close the open popup if the modality is modal.

Esc

Close the open popup.

Popup Launcher

F6

Move focus to the first tab stop within the open popup. If there is not a tab stop within the content, the focus is established on the popup.

OJET Radio (oj-radio)

This section contains information on the Radio keystroke.

Table: Radio Keystroke

Target

Key

Action

Input

UpArrow

Select the previous input in the group.

Input

DownArrow

Select the next input in the group.

Radioset

Tab In

Set focus to the checked radio input. If hints, titles, or messages exist in a note window, pop up the note window.

OJET Search Box (oj-input-search)

This section contains information on the Search Box component.

Table: Search Box Component

Target

Key

Action

Input field

Enter

Set the input text as the value.

Input field

UpArrow or DownArrow

If the drop down is not open, expand the drop down list.

Input field

Esc

Collapse the drop down list. If the drop down is already closed, do nothing.

Input field

Tab In

Set focus to the Input Search.

OJET Select Many (oj-select-many)

This section contains information on the Multiselect keystroke.

Table: Multiselect Keystroke

Target

Key

Action

Option item

Enter

Select the highlighted choice from the drop-down list.

Drop down

UpArrow or DownArrow

Highlight the option item in the direction of the arrow. If the drop-down is not open, expand the drop-down list.

Select box

LeftArrow or RightArrow

Move focus to the previous or next selected item.

A selected item with remove icon

Backspace or Delete

Remove the selected item having focus.

Drop down

Esc

Collapse the drop-down list. If the drop-down is already closed, do nothing.

Select box or search box

Any characters for the search term

Filter down the results with the search term.

Select

Tab In

Set focus to the select. If hints, titles, or messages exist in a note window, pop up the note window.

OJET Select Single (oj-select-single)

This section contains information on the Select keystroke.

Table: Select Keystroke

Target

Key

Action

Option item

Enter

Select the highlighted choice from the drop down.

Input field

Enter

Set the input text as the value.

Drop down

UpArrow or DownArrow

Highlight the option item on the drop-down list in the direction of the arrow. If the drop down is not open, expand the drop-down list.

Drop down

Esc

Collapse the drop-down list. If the drop down is already closed, do nothing.

Select

Tab In

Set focus to the Select. If hints, title or messages exist in a notewindow, pop up the notewindow.

OJET Switch (oj-switch)

This section contains information on the switch keystroke.

Table: Switch Keystroke

Target

Key

Action

Switch Thumb

Enter or Space

Toggle switch value

Switch Thumb

Tab In

Set focus to the thumb. If hints, titles, or messages exist in a note window, pop up the note window.

OJET Table (oj-table)

This section contains information on the Table Component keystrokes.

Table : Table Component Keystrokes

Target

Key

Action

Cell

Tab

The first Tab into the Table moves focus to the first column header. The second Tab moves focus to the next focusable element outside of the Table.
If focus is on a row and the row is actionable then Tab moves focus to the next focusable element within the row. If focus is already on the last focusable element then focus will wrap to the first focusable element in the row.
If editMode  is rowEdit, see the section 'Cell in EditableRow'.

Cell

Shift+Tab

The first Shift+Tab into the Table moves focus to the first column header. The second Shift+Tab moves focus to the previous focusable element outside of the Table.
If focus is on a row and the row is actionable then Shift+Tab moves focus to the previous focusable element within the row. If focus is already on the first focusable element then focus will wrap to the last focusable element in the row.
If Edit Mode is rowEdit, see the Cell in EditableRow section.

Cell

DownArrow

Move focus to the next row.

Cell

Shift+DownArrow

Select and move focus to the next row.

Cell

UpArrow

Move focus to the previous row. If at the first row then move to the column header.

Cell

Shift+UpArrow

Select and move focus to the previous row.

Cell

LeftArrow

Do nothing.

Cell

RightArrow

Do nothing.

Cell

Home

Move focus to first row.

Cell

End

Move focus to last row.

Cell

Space

Select row.

Cell

Enter

If the table editMode is rowEdit then make the current row editable.
If the table editMode is none then toggle the current row to actionable mode if there exists a tabbable element in the row. Once toggled to actionable mode, focus will be moved to be first tabbable element in the row.

Cell

F2

If the table editMode is none then toggle the current row to actionable mode if there exists a tabbable element in the row. Once toggled to actionable mode, focus will be moved to be first tabbable element in the row.
If the table editMode is rowEdit then toggle the current row between editable and readonly.

Cell in Editable Row

Tab

Move focus to next editable cell or focusable element in the row.
If focus is on the last editable cell or focusable element in the row, make the next row editable and move focus to the first editable cell or focusable element in the next row.
If focus is on the last editable cell or focusable element in the last row, move focus to next focusable element on the page (outside table).

Cell in Editable Row

Shift+Tab

Move focus to previous editable cell or focusable element in the row.
If focus is on the first editable cell or focusable element in the row, make the previous row editable and move focus to the last editable cell or focusable element in the previous row.
If focus is on the first editable cell or focusable element in the first row, move focus to previous focusable element on the page (outside table).

Cell in Editable Row

DownArrow

Handled in the editable cell.

Cell in Editable Row

Shift+DownArrow

Handled in the editable cell.

Cell in Editable Row

UpArrow

Handled in the editable cell.

Cell in Editable Row

Shift+UpArrow

Handled in the editable cell.

Cell in Editable Row

LeftArrow

Handled in the editable cell.

Cell in Editable Row

RightArrow

Handled by the editable cell.

Cell in Editable Row

Home

Handled in the editable cell.

Cell in Editable Row

End

Handled in the editable cell.

Cell in Editable Row

Space

Handled in the editable cell.

Cell in Editable Row

Enter

Make the next row editable and move focus to the editable cell in current column in the next row.
If last row is editable then make it readonly.

Cell in Editable Row

Shift+Enter

Make the previous row editable and move focus to the editable cell in current column in the previous row.
If first row is editable then make it readonly.

Cell in Editable Row

F2

Toggle the current row between editable and readonly.

Cell in Editable Row

Esc

Make the current row readonly.

Column Header

Tab

Navigate to next focusable element on page (outside table).

Column Header

Shift+Tab

Navigate to previous focusable element on page (outside table).

Column Header

DownArrow

Move focus to the first row.

Column Header

UpArrow

Do nothing.

Column Header

LeftArrow

Move focus to previous column header.

Column Header

Shift+LeftArrow

Select and move focus to previous column header.

Column Header

RightArrow

Move focus to next column header.

Column Header

Shift+RightArrow

Select and move focus to next column header.

Column Header

Home

Move focus to first column header.

Column Header

End

Move focus to last column header.

Column Header

Space

Select column.

OJET Tabs (oj-tabs)

This section contains information on the tabs keystrokes.

Table: Tabs Keystrokes

Target

Key

Action

List Item

Enter or Space

Selects list item.

Up Arrow

Moves focus to the previous visible list item.

Down Arrow

Moves focus to the next visible list item

Right Arrow (Left Arrow in RTL)

For the horizontal tab bar, the focus  is moved to the next visible item.

Left Arrow (Right Arrow in RTL)

For the horizontal tab bar, the focus  is moved to the previous visible item.

Home

Moves focus to the first visible list item.

End

Moves focus to the last visible list item.

F2

If the focus is on a list item, pressing F2 makes its contents accessible using TAB.

Esc

When F2 mode is enabled, press Esc to exit F2 mode.

Ctrl+X

Marks the current item to move if reorderable is enabled.

Ctrl+V

Paste the item that is marked directly before the current item.

DELETE

Delete the current item.

Overflow Menu button

Enter or Space

Open menu. See menu button keystrokes for details. 

NOTE: This is applicable only for Horizontal Tab Bar when overflow is set to popup.

OJET Textarea (oj-textarea)

This section contains information on the textarea keystroke.

Table: Textarea Keystroke

Target

Key

Action

TextArea

Tab In

Set focus to the textarea. If hints, help, instruction, or messages exist in a note window, pop up the note window.

OJET Textbox (oj-input-text)

This section contains information on the textbox keystroke.

Table: Textbox Keystroke

Target

Key

Action

Input

Tab In

Set focus to the input. If hints, help, instruction, or messages exist in a note window, pop up the note window.

OJET Tree (oj-tree-view)

This section contains information on the tree keystrokes.

Table: Tree Keystrokes

Target

Key

Action

Item

Tab

Navigates to the next focusable element on-page.

Shift+Tab

Navigates to the previous focusable element on-page.

DownArrow

Moves focus on the item below.

UpArrow

Moves focus on the item above.

LeftArrow

On an expanded item, collapses the item. Otherwise, move focus to the item above. The action is swapped with RightArrow in RTL locales.

RightArrow

On a collapsed item, expands the item. Otherwise, move focus to the item below. The action is swapped with LeftArrow in RTL locales.

Shift+DownArrow

Extends the selection to the item below. Only applicable if multiple selections are enabled.

Shift+UpArrow

Extends the selection to the item above. Only applicable if multiple selections are enabled.

Space

Toggles the selection of the current item and deselects the other items.

Enter

Selects the current item and deselects the other items. No-op if the current item is already selected.

Ctrl+Space/Enter

Toggles the selection of the current item while maintaining previously selected items. Only applicable if multiple selections are enabled.

Shift+Space/Enter

Selects contiguous items from the last selected item to the current item. Only applicable if multiple selections are enabled.

OJET Tree View (oj-tree-view)

This section contains information on the OJET Tree View keystrokes.

Table : OJET Tree View Keystrokes

Target

Key

Action

Item

Tab

Navigates to next focusable element on page.

Item

Shift+Tab

Navigates to previous focusable element on page.

Item

DownArrow

Moves focus to the item below.

Item

UpArrow

Moves focus to the item above.

Item

LeftArrow

On an expanded item, collapses the item. Otherwise, move focus to the item above. The action is swapped with RightArrow in RTL locales.

Item

RightArrow

On a collapsed item, expands the item. Otherwise, move focus to the item below. The action is swapped with LeftArrow in RTL locales.

Item

Shift+DownArrow

Extends the selection to the item below. Only applicable if the multiple selection is enabled.

Item

Shift+UpArrow

Extends the selection to the item above. Only applicable if the multiple selection is enabled.

Item

Space

Toggles the selection of the current item and deselects the other items.

Item

Enter

Selects the current item and deselects the other items. No op if the current item is already selected.

Item

Ctrl+Space/Enter / CMD+Space/Enter

Toggles the selection of the current item while maintaining previously selected items. Only applicable if the multiple selection is enabled.

Item

Shift+Space/Enter

Selects contiguous items from the last selected item to the current item. Only applicable if the multiple selection is enabled.

Ctrl+A / CMD+A

If selection Mode is multiple, will select all selectable nodes.