This section introduces keyboard interaction for components used in HANA & Analytics products.

Fiori Components

If you plan to design a custom component, please refer to the keyboard interaction of similar UI5 components listed in the Fiori Keyboard Interaction document, in order to have consistent, predictable, and reliable keyboard interactions within the products.

Diagrams

Some diagrams in our products are based on Galilei framework. The framework provides keyboard shortcuts that help user view, navigate, and interact with the content easily and quickly with the keyboard.

Find the full list on Galilei Keyboard Accelerators (SAP Wiki).

Common Actions

These are keyboard shortcuts that execute common actions in different applications.

When a user navigates within items at the same level or in the application.

<div> <div>Command</div> <div>Key Combination</div> <div>Examples</div> </div> <div> <div>Move by one unit.</div> <div></div> <div> <p>Calendar – In Gantt, navigate to the previous (Up and Left) or next (Down and Right) object. (A task or process must be selected.)</p> <p>Story – Nudge single object or multiple objects a pixel at a time.</p> <p>Tables – (In Table Cell) Move one cell: up, down, left, and right.</p> </div> </div> <div> <div>Move by multiple units (views, items)</div> <div></div> <div> <p>Calendar – Move to the previous day, week, or month.</p> <p>Tables – (In Table Cell) Move down one screen.</p> </div> </div> <div> <div></div> <div></div> <div> <p>Calendar – Move to the next day, week, or month.</p> <p>Tables – (In Table Cell) Move up one screen.</p> </div> </div> <div> <div></div> <div></div> <div> <p>Calendar – (Left or Right only) Move time of Gantt element.</p> <p>Story – Move an object in 10-pixel increments.</p> </div> </div> <div> <div>Move to ends</div> <div></div> <div> <p>Script Editor – Move to the start of the text on the line, or if we are already there, to the actual start of the line (including whitespace).</p> <p>Tables – (In Table Cell) Move to the beginning of the row.</p> </div> </div> <div> <div></div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div> <p>Script Editor – Move the cursor to the start of the document.</p> <p>Tables – (In Table Cell) Move to the beginning of the sheet.</p> </div> </div> <div> <div></div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div>Script Editor – Move the cursor to the end of the document.</div> </div>

Find

<div> <div>Command</div> <div>Key Combination</div> <div>Examples</div> </div> <div> <div>Find items</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div>Script Editor – Find.</div> </div>

Edit

When a user edits an item.

<div> <div>Command</div> <div>Key Combination</div> <div>Examples</div> </div> <div> <div>Copy to Clipboard</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div>Tables – (In Table Cell) Copy.</div> </div> <div> <div>Cut to Clipboard</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div>Tables – (In Table Cell) Cut.</div> </div> <div> <div>Paste from Clipboard</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div>Table – (In Table Cell) Paste.</div> </div> <div> <div>Undo</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div>Script Editor – Undo the last change.</div> </div> <div> <div>Redo</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div>Script Editor – Redo the last undone change.</div> </div> <div> <div>Delete an item or selected content</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div> <p>Calendar – Open Delete dialog. When using recurrence, this opens the dialog for the specified occurrence only.</p> <p>Script Editor – Delete the whole line under the cursor, including newline at the end.</p> </div> </div> <div> <div></div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div>Script Editor – Delete to the left of the group before the cursor.</div> </div>

Select

When a user selects one or more items in the application.

<div> <div>Command</div> <div>Key Combination</div> <div>Example</div> </div> <div> <div>Select all items.</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div> <p>Script Editor – Select the whole content of the editor.</p> <p>Story – Select all the objects on the page.</p> <p>Tables – (In Table Cell) Select all.</p> </div> </div>

Save

When a user saves an object or the context in the application.

<div> <div>Command</div> <div>Key Combination</div> <div>Example</div> </div> <div> <div>Save.</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div> <p>Calendar – Update (and Send).</p> <p>Script Editor – Save the whole application.</p> <p>Story – Save.</p> </div> </div> <div> <div>Save as.</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> <div>Story – Save as.</div> </div>

Component-Specific Actions

Calculation Editor

<div> <div>Command</div> <div>Key Combination</div> </div> <div> <div>Display a list of possible formulas for the function.</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div>

Source: Creating Calculated Measures (SAP Help Portal)

Calendar

<div> <div>Command</div> <div>Key Combination</div> </div> <div> <div>Open Copy dialog</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div> <p>Open Delete dialog.</p> <p>When using recurrence, this opens the dialog for the specified occurrence only.</p> </div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Update (and Send)</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div> <p>Cancel / Revert (in the Builder panel).</p> <p>Opens a dialog and asks if you really want to discard your changes.</p> </div> <div></div> </div> <div> <div>Toggle Filter bar</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Move time of Gantt element</div> <div></div> </div>

Source: Keyboard Command List for Calendar Navigation (SAP Help Portal)

Script Editor

<div> <div>Command</div> <div>Key Combination</div> </div> <div> <div>When multiple selections are present, this deselects all but the primary selection.</div> <div></div> </div> <div> <div>Undo the last change to the selection, or if there are no selection-only changes at the top of the history, undo the last change.</div> <div></div> </div> <div> <div>Redo the last change to the selection, or the last text change if no selection changes remain.</div> <div></div> </div> <div> <div>Move the cursor to the start of the line.</div> <div></div> </div> <div> <div>Move the cursor to the end of the line.</div> <div></div> </div> <div> <div>Move to the left of the group before the cursor. A group is a stretch of word characters, a stretch of punctuation characters, a newline, or a stretch of more than one whitespace character.</div> <div></div> </div> <div> <div>Move to the right of the group after the cursor. A group is a stretch of word characters, a stretch of punctuation characters, a newline, or a stretch of more than one whitespace character.</div> <div></div> </div> <div> <div>Delete the character before the cursor.</div> <div></div> </div> <div> <div>Delete the character after the cursor.</div> <div></div> </div> <div> <div>Delete to the start of the group after the cursor.</div> <div></div> </div> <div> <div>Auto-indent the current line or selection.</div> <div></div> </div> <div> <div>Find next.</div> <div></div> </div> <div> <div>Find previous.</div> <div></div> </div> <div> <div>Toggles between commenting and uncommenting the selected lines.</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div>

Source: Using Keyboard Shortcuts in the Script Editor (SAP Help Portal)

SQL Console

Use the following shortcuts for the same actions in the future development as these have been used since the well-known predecessor of SAP HANA Database Explorer, SAP HANA Studio. All key combinations work in both Windows and Mac except "Ctrl + F8". It's for Windows only.

<div> <div>Command</div> <div>Key Combination</div> </div> <div> <div>Run.</div> <div></div> </div> <div> <div>Run a line.</div> <div>(Windows only)</div> </div> <div> <div>Run a statement.</div> <div></div> </div> <div> <div>Prepare a statement.</div> <div></div> </div> <div> <div>Run as background activity.</div> <div></div> </div> <div> <div>Run on multiple databases.</div> <div></div> </div>

Story

<div> <div>Command</div> <div>Key Combination</div> </div> <div> <div>Select multiple objects: Shift selects all objects in a range, Ctrl (Command) selects specific objects.</div> <div> <p>(Windows)</p> <p>(Mac)</p> <p>Click on both</p> </div> </div> <div> <div>Group or Ungroup.</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Bring selection forwards.</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Send selection backwards</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Move selection to the front</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Move selection to the back</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Show grid</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Underline</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Bold</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Italics</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div>

Source: Keyboard Commands for Story Pages (SAP Help Portal)

Table Cell (Table)

<div> <div>Command</div> <div>Key Combination</div> </div> <div> <div>Clear</div> <div></div> </div> <div> <div>Complete cell entry and move up in the selection</div> <div> <p>(Windows)</p> <p>(Mac)</p> </div> </div> <div> <div>Complete cell entry and move to the right in the selection</div> <div></div> </div> <div> <div>Complete cell entry and move to the left in the selection</div> <div></div> </div>

Source: Keyboard Command List for Tables (SAP Help Portal)

Resources

Accessibility – Keyboard Design (SAP Wiki)

Find a comprehensive guideline about keyboard design and its patterns.

Fiori Keyboard Interaction (SAP Wiki)

Look into detailed design guidelines for keyboard interaction design patterns in Fiori.

Read more details on following sections.

Browser Application Hotkeys Wallpaper (SAP Wiki)

Overview on browser-based shortcuts in one page

Keyboard Handling for SAPUI5 Controls for Developers (SAPUI5 Explored)