Studio Pro Overview

Last modified: February 13, 2024

1 Introduction

Mendix Studio Pro is a tool for creating, viewing, and editing your Mendix applications. A Mendix app is called a project in Studio Pro.

One Studio Pro instance can have only one project open at a time, but you can open two Studio Pro instances when necessary.

This document describes the user interface of Mendix Studio Pro:

Studio Pro Diagram

2 Top Bar

The Studio Pro top bar contains the following items:

In the Studio Pro top bar, you can see several menus, such as Edit, View, and Version Control. Each menu contains menu items that allow you to perform various actions, for example, to create a deployment package, set preferences, or view the Errors pane.

For more information on menus, see Menus.

2.2 Run and View App

You can deploy your app by clicking the Run or Run locally buttons. To view your deployed app, click the View button.

For more information on deployment in Mendix, see Deployment.

For more information on deploying your app and versioning it, see the Versioning a Project Deployed to the Cloud section in Using Version Control in Studio Pro.

You can find links to the Developer Portal and Marketplace in the upper-right corner of Studio Pro.

Your account is displayed next to these buttons if you are signed in. Click the account name to navigate to your apps, the Developer Portal, your profile, or to sign out.

3 Project Structure

A project consists of individual files (documents) and settings that are grouped in folders and modules. The complete structure of your project can be viewed in the Project Explorer.

4 Working Area

A working area is a current document tab that you work in. The working area and its settings differs depending on an editor (for example, pages, microflows, domain model editors) and type of the document.

4.1 Document Tabs

The documents you view and edit are shown in tabs.

You can have a number of tabs open, just like in a modern web browser. They can be closed, reordered, and shown side by side. The video below shows examples of how to interact with a tab:

Each document has its own save state, history, and future, so undo and redo actions are unlimited.

5 Dockable Panes

Dockable panes can be positioned around the working area and contain various elements and settings. For example, you can view list of errors, configure properties of a specific document or an element, view toolbox. Panes are opened via Menus.

6 Status Bar

At the bottom of the Studio Pro main window pane is a status bar.

On the left is the current status of Studio Pro.

On the right is the currently selected language. If you have set up multiple languages in your app you can change the currently selected language by clicking here. For more information see Language Menu.

7 Shortcut Keys

7.1 General Shortcut Keys

In the main window pane, Ctrl + Tab can be used to navigate between all open documents. Other shortcut keys that can be used in the main window pane can be found next to their relevant menu item in Menus.

In most dialog boxes for editing properties, the following shortcut keys can be used:

Key Description
Ctrl + Enter Confirms all changes and closes the dialog box. Works as if the OK button was clicked. This is especially useful if the focus is on a multi-line text box; otherwise, pressing Enter will have the same effect.
Esc Cancels all changes and closes the dialog box. Works as if the Cancel button was clicked.
Ctrl + Mouse scroll wheel Zooms in or out. This works in all editors.
Shift + Mouse scroll wheel Scrolls left or right. Works as if you were using the horizontal scroll bars.

In most edit grids (such as the list of attributes in the entity properties), the following shortcut keys can be used:

Key Description
Ctrl + N Creates a new item.
Enter Edits the currently selected item.
Delete Deletes the currently selected item(s).

7.2 Domain Model Editor Shortcut Keys

The following shortcut keys are available in the domain model editor:

Key Description
F2 Edits the name of the selected element.
Ctrl + A Selects all entities.
Esc Clears selection.

7.3 Page Editor Shortcut Keys

The following shortcut keys are available in the page editor:

Key Description
Arrow keys Moves the selection box to the widget or element in the direction of the arrow key. For example, if currently a label is selected and you press the right arrow key, the text box to the right of it becomes selected.
Ctrl + arrow keys Moves the currently selected item up/down or left/right. This works on table columns and rows, tab pages, grid and data view buttons, search fields, etc.
Enter Edits the properties of the currently selected object in a dialog box.
F2 Edits the caption of a label or button inline on the page. You can also just start typing a letter or a digit and the caption will be replaced by what you type.

7.4 Microflow Editor Shortcut Keys

The following shortcut keys are available in the microflow editor:

Key Description
Arrow keys Moves the selection box to the activity or element in the direction of the arrow key. For example, if currently a show page activity is selected and you press the right arrow key, the end event to the right of it becomes selected.
Ctrl + arrow keys Moves the currently selected item up/down or left/right.
Enter Edits the properties of the currently selected object in a dialog box.
F2 Edits the name of the return value of the currently selected activity. This shortcut will not function on activities that do not return a result.
Home Highlights and focus on the start event of the current microflow.
End Highlights and focus on an end event in the current microflow. If there are multiple end events, clicking End multiple times will toggle between the different events.
Shift when resizing an activity When resizing the entity, by holding Shift , the microflow component will stay centered at its current position and will expand equally in all directions.
Ctrl when selecting multiple activities When pressing the Ctrl, you can select additional microflow components. Clicking a selected component while holding Ctrl will deselect it.

7.5 Microflow Debugger Shortcut Keys

The following shortcut keys are available for the microflow debugger:

Key Description
Alt + F5 Step into – moves the debugger into the sub-microflow or loop.
Alt + F6 Step over – moves the debugger to the next step in the same microflow.
Alt + F7 Step out – instructs the debugger to leave the sub-microflow or loop.
Alt + F8 Continue – instructs the debugger to continue until it reaches another breakpoint.

7.6 Language Shortcut Keys

The following shortcut keys control the currently selected language:

Key Description
Ctrl + L Choose the next language in the list of languages chosen in Language Settings….
Ctrl + Shift + L Choose the previous language in the list of languages chosen in Language Settings….

8 Read More