---
title: "Keyboard shortcuts in the app editor and player"
slug: "keyboard-shortcuts-in-the-app-editor-and-player"
updated: 2022-09-17T23:36:02Z
published: 2022-09-17T23:36:02Z
canonical: "support.tulip.co/keyboard-shortcuts-in-the-app-editor-and-player"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.tulip.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Keyboard shortcuts in the app editor and player

## Overview

*A list of available keyboard shortcuts available in Tulip's App Editor and Player.*

In order to make editing apps more efficient, there are a number of different keyboard shortcuts you can use.

You can see all available keyboard shortcuts by clicking the "..." in the top right of the App Editor.

![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/How%20to%20Use%20Keyboard%20Shortcuts%20in%20the%20App%20Editor%20and%20Player_153745335.png)

Or, you can press **?** to instantly show the shortcuts menu.

## App Editor

#### Adding Elements

Use these shortcuts to quickly add these elements:

- Add Text: T
- Add Image: I
- Add Button: B
- Add Variable: V
- Add Step: Enter
- Duplicate Step: ⌘D

#### **Objects**

- Cut an Object: ⌘X
- Copy an Object: ⌘C
- Paste an Object: ⌘V
- Push Object: Arrow Keys
- Nudge Object: ⇧Arrow Keys
- Bring Forwards: ⌘F
- Send Backwards: ⌘B
- Bring To Front: ⇧⌘F
- Send To Back: ⇧⌘B
- Delete Object: Delete/Backspace
- Select All: ⌘A

#### **Trigger Modal**

- Save and close: ⌘Enter

#### **Navigation (Mac Devices)**

Note: For Windows devices, use Control in place ⌘ and Alt in place of ⌥.

- Next Step: ↓ (with no objects selected)
- Previous Step: ↑ (with no objects selected)
- Swap Step Up: ⌘↑
- Swap Step Down: ⌘↓
- Edit Step Name: ⌘Enter
- Delete Step: ⌘Backspace
- Base Layout: ⌥⌘M
- Pan Mode: Space (hold)
- Zoom In/Out: ⌥⌘Scroll
- Reset View: ⇧⌘Z
- Show Keyboard Shortcuts: ?

#### **Widget shortcuts:**

These shortcuts apply when you have a Widget selected in the Tulip App Editor:

- **Arrow keys** to move the selected widgets by a single pixel
- **Shift+Arrow keys** to move the selected widgets by 5 pixels
- **Delete** to delete the selected widgets
- **Control+A** to select all widgets
- **Control+x/c/v** to cut / copy / paste the selected widgets
- **Control+shift+f** to move the selected widgets to the front
- **Control+shift+b** to move the selected widgets to the back
- **Control+f** to move the selected widgets forward by one layer
- **Control+b** to move the selected widgets back by one layer
- **Shift+click** to add/remove widgets to the current selection.
- **Shift+drag** to move the selected widgets only up, down, left, or right.

**Step shortcuts:**

These shortcuts apply when you have a Step selected in the Tulip App Editor:

- **Enter** to add a new step
- **Control+enter** to edit the step name
- **Control+delete** to delete the step
- **Control + D** to duplicate the step
- **Control+up/down** arrow to move the step up or down in the Steps List
- **Alt + control + M** to instantly move to the Base Layout
- Hold **space** to enable pan mode
- **Control + alt + scroll** to zoom in and out (CMD + Option + Scroll on Mac)
- **Shift + control + z** to reset the view

**Universal shortcuts:**

These shortcuts don’t change based on the selection context:

- **Control+z** to undo when the “Undo” popup is open at the top of the screen.

**Note:** These shortcuts are for a Windows machine. To use them on a Mac, use Command instead of control and you have the added advantage of using emoticons in your text by using **Command+Control+Space Bar**.

## Tulip Player

#### Form Step

This shortcut applies when you have opened a Form Step in the App Editor.

- **Tab** key to automatically select the next field on the Form Step without touching a mouse or a screen

**Tulip Player**

**Tulip Player** is the Windows/Mac executable program where users can run Tulip apps. Tulip player allows you to create a more seamless user experience by removing the need for a web browser, and allows increased IT controls.

**Widget**

**Widgets**are the elements that make up a specific **App Step.**Widgets can display information to users, collect user input, or trigger app logic.

*Common widgets include: Interactive Tables, Number inputs, Machine attribute widgets, and more.*

**Step**

A view your users will see within an application. **Steps** can be viewed chronologically or in whatever order best fits your process.

Steps can be grouped into **Step Groups**to manage and organize your app Steps.

**Form Step**

**Form Steps**are a special type of **S****tep** that is designed specifically for data entry. They lack some of the flexibility of normal steps but can streamline app creation.

Steps can be grouped into **Step Groups**to manage and organize your app Steps.

*Form Steps have been disabled for every new **instance** in r235/LTS9.*