AG Studio: Build dashboards using native components in web apps. Join us for a webinar on 28th July at 2pm UTC+1 Register

React Embedded AnalyticsKeyboard Shortcuts

Keyboard shortcuts let you interact with Studio without the mouse.

Layout Interactions Copy Link

The following interactions are possible within the layout:

  • ⇥ Tab / ⇧ Shift+⇥ Tab - Move focus between widgets on the canvas.
  • ↵ Enter - Move focus into the focused widget if there is focusable content (e.g. into the cells of a grid).
  • ⎋ Esc - When focus is within a widget, move focus back to the widget container.
  • ␣ Space - Select the focused widget (e.g. display the widget details in the Edit Panel).
  • Delete / ⌫ Backspace - Delete the focused widget (Edit Mode only).
  • ⇧ Shift + /// - move the focused widget (Edit Mode only).
  • ⌥ Alt + /// - resize the focused widget (Edit Mode only).

When focus is within a widget, ⇥ Tab / ⇧ Shift+⇥ Tab will keep cycling focus within the widget until ⎋ Esc is pressed.

Try using the interactions in the example below.