Keyboard navigation

Web Client supports keyboard navigation and accessibility. Using your keyboard, you can access most interactions and information that can be accessed with your mouse.

Move focus

For every click-able UI element in Web Client, you can move the focus by using Tab to go to the next, or Shift + Tab to go in reverse.

The UI elements include buttons, icons, fields, entity trees, entity grids, and so on.

Back to top

Work with entity tree view

Use the keyboard to select an item or perform an action on an item in entity tree view.

Action Keyboard
Focus on a folder in tree view Tab to go to the next, or Shift + Tab to go in reverse.
Expand or collapse the folder Enter
Go through items in tree view Up or Down arrow
Select an item in tree view Press Enter to select and press Enter again to clear.
Select an action for an item

  1. Focus on the item.

  2. Use the right arrow to focus on the action icon.

  3. Press Enter to open the action list.

  4. Use the up or down arrow to focus on the target action.

  5. Press Enter to select the action.

  6. Press Esc to close the action list.
Leave the tree Tab to go to the next, or Shift + Tab to go in reverse.

Back to top

Work with entity grid view

Use the keyboard to work with entity grid view.

Action Keyboard
Focus on the grid Tab to go to the next, or Shift + Tab to go in reverse.
Navigate among grid cells

To navigate to the target cell, use the up, down, left, or right arrow

Expand or collapse a group Enter
Edit a grid cell

  1. Focus on the cell.

  2. Press Enter.

  3. To discard changes and stop editing, press Esc.

    To apply changes and stop editing, press Enter.
Sort by a column

  1. Focus on the column header.

  2. Press Enter.
Leave the cell Escape

Back to top

Work with filter

Use the keyboard to filter records.

Action Keyboard
Open the Filter window

  1. Focus on the Filter button by using Tab to go to the next, or Shift + Tab to go in reverse.

  2. Press Enter to open the Filter window.

    The focus is moved to the Search box of the Filter window.
Filter by a field

  1. Move the focus to the field list.

  2. Use the up or down arrow to focus on the target field.

  3. Press Enter to open the filter condition panel.
Specify filter conditions

  1. Move the focus to the value list.

  2. Press Tab to focus on the first value of the list.

  3. Use the up or down arrow to focus on the target field value.

  4. Press Enter to select the value.

  5. Move the focus to the relative operator list.

  6. Press Tab to focus on the target relative operator, and press Enter to select the relative operator.

  7. Repeat the steps above to specify another filter-by value.
Select a date as the filter value

  1. Move the focus to the calendar in the filter condition panel.

  2. To select a date in the current month, use the up, down, left, or right arrow to select the date and press Enter.

  3. To select a date in another month, move the focus to the left icon in the calendar and press Space to select an earlier month, or move the focus to the right icon and press Space to select a later month. Then use the up, down, left, or right arrow to select the date and press Enter.

  4. To select a date in another year, move the focus to the down arrow in the calendar, press Space to open the year selector, and use the up, down, left, or right arrow to select a target year and press Enter.

Back to top

Work with drop-down lists

Use the keyboard to select a value from a drop-down list for a field.

Action Keyboard
Focus on the field Tab to go to the next, or Shift + Tab to go in reverse.
Open the drop-down list Use the down arrow
Browse the value list Use the up or down arrow
Expand or collapse a group in tree view Space
Apply the selected value Enter
Close the drop-down list Esc
Leave the current field Tab

Back to top

Pick a date

Use the keyboard to select a date for a field.

Action Keyboard
Focus on the field Tab to go to the next, or Shift + Tab to go in reverse.
Focus on the calendar button Tab
Open the date picker Enter
Go through the date picker Tab
Find the dates Up, down, left, or right arrow
Apply the selected date Enter
Close the date picker Esc
Leave the field Tab

Back to top