Using Keyboard Navigation
The following table lists keyboard shortcuts that are available for navigating the collection.
|
TAB
|
Description
|
|---|---|
|
RIGHT ARROW
|
Moves focus to the next cell on the right.
|
|
LEFT ARROW
|
Moves focus to the next cell on the left.
|
|
DOWN ARROW
|
Moves focus one cell down in the content flow.
|
|
UP ARROW
|
Moves focus one cell up in the content flow.
|
|
PAGE DOWN
|
Moves the focus to the last visible cell in the current viewport.
|
|
PAGE UP
|
Moves the focus to the first visible cell in the current viewport.
|
|
HOME
|
Moves focus to the first cell in the current row.
|
|
END
|
Moves focus to the last cell in the current row.
|
|
CTRL + HOME
|
Moves focus to the first mashup in the first row.
|
|
CTRL + END
|
Moves focus to the last mashup in last row.
|
|
CTRL + SPACE
|
Selects or deselects the focused cell.
|
|
ENTER
|
Moves the focus box into the cell content. You can use this key to navigate the contents of the cell mashup or a nested collection.
|
Navigation Inside Cells
The following table lists keyboard shortcuts that are available when navigating within a cell after pressing the ENTER key.
|
Key
|
Description
|
|---|---|
|
TAB
|
Moves focus to the next interactive widget in the mashup.
|
|
SHIFT+TAB
|
Moves focus to the previous interactive widget in the contained mashup.
|
|
CTRL +RIGHT ARROW
|
Scrolls the cell mashup horizontally to the right.
|
|
CTRL + LEFT ARROW
|
Scrolls the cell mashup horizontally to the left.
|
|
CTRL + DOWN ARROW
|
Scrolls the mashup down.
|
|
CTRL + UP ARROW
|
Scrolls the mashup up.
|
|
ESC or F2
|
Moves the navigation to the parent collection.
|
Configuring Navigation Between Cells
Use the CellTabKeyScope property to control the scope of navigation when interacting with the contents of a cell using the TAB key. You can set the property to one of the following options:
• Cell—Loops over elements inside the cell
• Collection— Returns the focus to the cell after the last element is selected
• Item Only—Focus only on cell contents and skip the cell itself when navigating between cells. This mode is similar to the navigation behavior of the legacy Collection widget.
 |
When migrating from a legacy Collection widget, this property is set to Items Only by default.
|