Keyboard shortcuts
Everything works from the keyboard; these keys make it quicker
Shortcuts
The keys the back office and the register answer to.
| Does | Keys |
|---|---|
| Search, from any page (⌘ on a Mac) | Ctrl K |
| Close a menu, a popover or a dialog | Esc |
| Move through a menu, tabs or a choice | ↑ ↓ ← → |
| First and last tab or menu item | Home End |
| Open the item that has the focus | Enter |
| Tick a box, press a button | Space |
| Type a PIN or an amount at the register | 0 to 9 |
| Delete the last digit | Backspace |
| Show this list, on this page (⌘ on a Mac) | Ctrl / |
Show the code
<div class="table-wrap" data-allow-x data-scroller="Keyboard shortcuts"> <table class="table"> <caption class="sr-only">Keyboard shortcuts</caption> <thead> <tr> <th scope="col">Does</th> <th scope="col">Keys</th> </tr> </thead> <tbody> <tr> <td data-label="Does">Search, from any page (⌘ on a Mac)</td> <td data-label="Keys"> <kbd class="kbd">Ctrl</kbd> <kbd class="kbd">K</kbd> </td> </tr> <tr> <td data-label="Does">Close a menu, a popover or a dialog</td> <td data-label="Keys"> <kbd class="kbd">Esc</kbd> </td> </tr> <tr> <td data-label="Does">Move through a menu, tabs or a choice</td> <td data-label="Keys"> <kbd class="kbd">↑</kbd> <kbd class="kbd">↓</kbd> <kbd class="kbd">←</kbd> <kbd class="kbd">→</kbd> </td> </tr> <tr> <td data-label="Does">First and last tab or menu item</td> <td data-label="Keys"> <kbd class="kbd">Home</kbd> <kbd class="kbd">End</kbd> </td> </tr> <tr> <td data-label="Does">Open the item that has the focus</td> <td data-label="Keys"> <kbd class="kbd">Enter</kbd> </td> </tr> <tr> <td data-label="Does">Tick a box, press a button</td> <td data-label="Keys"> <kbd class="kbd">Space</kbd> </td> </tr> <tr> <td data-label="Does">Type a PIN or an amount at the register</td> <td data-label="Keys"> <kbd class="kbd">0</kbd> <span class="muted">to</span> <kbd class="kbd">9</kbd> </td> </tr> <tr> <td data-label="Does">Delete the last digit</td> <td data-label="Keys"> <kbd class="kbd">Backspace</kbd> </td> </tr> <tr> <td data-label="Does">Show this list, on this page (⌘ on a Mac)</td> <td data-label="Keys"> <kbd class="kbd">Ctrl</kbd> <kbd class="kbd">/</kbd> </td> </tr> </tbody> </table> </div>
The list in a dialog
Press Ctrl / on this page (⌘ / on a Mac).
Show the code
<button type="button" class="btn" data-dialog="ks" data-hotkey-help=""> <i class="ti ti-keyboard"> </i>Show the shortcuts</button>
Keyboard shortcuts
| Does | Keys |
|---|---|
| Search, from any page (⌘ on a Mac) | Ctrl K |
| Close a menu, a popover or a dialog | Esc |
| Move through a menu, tabs or a choice | ↑ ↓ ← → |
| First and last tab or menu item | Home End |
| Open the item that has the focus | Enter |
| Tick a box, press a button | Space |
| Type a PIN or an amount at the register | 0 to 9 |
| Delete the last digit | Backspace |
| Show this list, on this page (⌘ on a Mac) | Ctrl / |