# Navigation

There are four main areas of Slate in edit mode:

![Slate UI divided into four sections labeled 1, 2, 3, 4](../../../assets/3b6c40ebcff631d0f7cff812a86a155803d193e4571cde5b4e20a6be44647989.webp)

1. **Action bar:** This is where you will find the application name, the **Actions** dropdown, exit to view mode, and buttons to open various editing panels.
2. **Widget List:** The Widget List is where all the widgets in your application are listed. If you have a toolbar in your application, the list is divided into toolbar widgets and canvas widgets.
3. **Canvas:** This is the workspace for your application. Here you can rearrange widgets and test layout options. You can change the screen size using the dropdown at the top right to preview how your application will look on different screens.
4. **Widget Editor:** When you select a widget, either from the list or from the canvas, the [Widget Editor](#widget-editor) lets you configure that widget.

Additionally, there are panels that pop out in front of the canvas:

* [Queries editor](../concepts-queries/index.md)
* [Functions editor](../concepts-functions/index.md)
* Platform editor
  * [Object sets](../concepts-object-sets/index.md)
  * [Object context](../concepts-object-context/index.md)
  * [Foundry Functions](../concepts-foundry-functions/index.md)
* [Events editor](../concepts-events/index.md)
* [Dependency graph](../applications-dependencies/index.md)
* [Styles editor](../concepts-styles/index.md)
* [Variables editor](../concepts-variables/index.md)

The **global search** in editor mode, accessed with the keyboard shortcut `Cmd+K` (macOS) or `Ctrl+K` (Windows), allows you to search and go to Slate queries, functions, objects, variables and widgets. Slate's global search will also keep a history of your searches to prioritize recent results. Selecting the result will open up the appropriate Slate editor panel.

![cmd-k-history](../../../assets/d39981ad9e528242ab4fcae123b89410dcd97c00e5956eefcd656dbbf61918b8.webp)

## Undo support

Slate supports undoing deletions for all resource types, including widgets, folders, dataset syncs, functions, object sets, object contexts, variables, queries, partials, event-actions, and container tabs. To undo a deletion, select the undo button in the toast that appears after the deletion, or use the keyboard shortcut `Cmd+Z` (macOS) or `Ctrl+Z` (Windows).

Undoing a widget deletion restores its event and action wirings, including cases where a surviving widget's event was wired to the deleted widget's action. Only one undo toast is displayed at a time: a new deletion replaces the previous toast, and any document edit dismisses the pending toast.

## Widget Editor

The Widget Editor has three tabs with editing options for the selected widget.

**Property tab:** This is the main editing tab. Use this tab to change the widget’s properties. The options available vary by type of widget.

![widget-editor-property-tab](../../../assets/c6df82a647dcaf8bccc8b5fca4108c48f83d346e3131dc3d16e3adb302bd7a55.webp)

**Layout tab:** Set the position and size of your widget, and apply custom styling.

![widget-editor-layout-tab](../../../assets/5e95802752619d7b3e404ad102ca2881eda9ecd11099b1aed6af1c2a5c24e791.webp)

**JSON tab:** If the **Property** tab does not provide the setting you need, edit the widget's raw JSON configuration in this tab. Each widget starts with template code containing the most commonly used attributes, and fields changed in the **Property** tab also appear in the **JSON** tab. The editor displays JSON errors and enables **Update** only after you make a valid change. For interaction properties with long values, select **Show more** to expand or collapse the full content.

:::callout{theme="warning"}
State that is not exposed through the **Property** tab is managed internally by Slate, so you should closely review any modifications you make to Slate's default values in the **JSON** tab to avoid unexpected behavior.
:::

![widget-editor-json-tab](../../../assets/654283b0158c3db948628a78cb7d1693981994265ccec80f74f51e6b2f1d30cb.webp)

**Events tab:** Some widgets have associated events, which you can configure here.

![widget-editor-events-tab](../../../assets/2301ed8482053487238f0152a28283f033d6ba029720f8189f1642623c195460.webp)