The navigator provides navigation and management for the screens and widgets of the current project. It is split into a screen tree and a widget tree.

Screen tree

The screen tree lists the screens of the project. Selecting a screen makes it the active screen shown on the canvas. The screen tree supports:

  • Create - add a new screen.
  • Duplicate - duplicate the active screen.
  • Delete - remove the active screen.
  • Reorder - move a screen up or down in the list.
  • Hide/Show - toggle a screen's visibility.

Widget tree

The widget tree lists the widgets of the active screen in their hierarchy. It supports:

  • Selection - click to select a widget; multi-select with Shift/Ctrl/Cmd clicks.
  • Rename - update a widget's name.
  • Reparent via drag-and-drop - drag widgets onto a new parent to change the hierarchy.
  • Duplicate - duplicate the selected widgets.
  • Delete - remove the selected widgets.
  • Hide/Show - toggle a widget's visibility.
  • Lock - toggle a widget's lock state.
  • Hover highlight - hovering a tree row highlights the matching widget on the canvas (when enabled).

All navigator actions are locked in preview mode.

  • Overview - the editor interface as a whole.
  • Canvas - the visual canvas where screens are designed.