Keyboard Shortcuts

Complete list of keyboard shortcuts for efficient editing in LVGL Pro Editor.

Master these keyboard shortcuts to speed up your workflow and edit more efficiently in the LVGL Pro Editor.

Auto-Completion

Activate auto-completion while the cursor is anywhere within the Editor Pane:

ShortcutAction
Ctrl+SpacePop-up auto-completion list

Value Modification

Adjust attribute values with live preview updates while the cursor is within an attribute's value:

ShortcutAction
Ctrl+↑/Ctrl+↓
Modify value by 1
Ctrl+Shift+↑/Ctrl+Shift+↓
Modify value by 10

Export and Build

ShortcutAction
Ctrl+EExport code only
Ctrl+BExport code and recompile
Ctrl+Shift+BClean and rebuild

Preview Pane

Navigate and interact with the preview pane using these shortcuts:

Zoom Controls

ShortcutAction
Ctrl+Mouse WheelZoom in and out
Ctrl++Zoom in
Ctrl+-Zoom out
Ctrl+0Reset zoom
Ctrl+Shift+0Fit to screen
ShortcutAction
Two-Fingered ScrollPan preview

Inspector Mode

Enable Inspector mode from the preview toolbar to keep it on, or hold the Alt key while hovering over the preview to enable it temporarily. While it's active, you can:

  • Visualize bounding box, padding, margins, and the extra click area
  • Check size and position, and resize or reposition the element by dragging
  • Perform measurements

The following actions work while Inspector mode is active (no need to keep Alt held once it's toggled on from the toolbar):

ShortcutAction
AltTemporarily enable Inspector mode while held
ClickJump to the matching element in the XML
Double ClickOpen the component's XML file

Code Navigation

ShortcutAction
Ctrl+ClickClick an XML tag to open its XML file

Last updated on

On this page