Studio Pro Overview
Introduction
Mendix Studio Pro is a tool for creating, viewing, and editing your Mendix applications.
One Studio Pro instance can have only one app open at a time, but you can open two Studio Pro instances when necessary.
This document describes the user interface of Mendix Studio Pro:
Top Bar
The Studio Pro top bar contains the following items:
Menus
In the Studio Pro top bar, you can see several menus, such as Switch-to menu, 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.
Run and View App
You can deploy your app by clicking Publish or Run Locally (). To view your deployed app, click View App.
For more information on deployment in Mendix, see Deploying Apps.
For more information on deploying your app and versioning it, see the Versioning an App Deployed to the Cloud section in Using Version Control in Studio Pro.
Links and User Profile Menu
You can find links to Apps and Marketplace in the upper-right corner of Studio Pro.
Your profile picture is displayed next to them if you are signed in. When you click the profile picture, the drop-down menu is displayed with your full name and email, as well as links to your user profile, My Apps screen, and signing out option.
App Structure (App Explorer)
An app consists of individual files (documents) and settings that are grouped in folders and modules. The complete structure of your app can be viewed in the App Explorer.
Working Area
A working area is a current document tab that you work in. The working area and its settings differs depending on the editor (for example, pages, microflows, domain model editors) and type of the document.
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.
Each document has its own save state, history, and future, so undo and redo actions are unlimited.
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 or run MxAssist Performance bot, configure properties of a specific document or an element, view toolbox. For more information on panes and their layout, see View Menu.
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.
Shortcut Keys
This section summarizes the shortcut keys available in Studio Pro. It is divided into sections which indicate where you can use the keys.
General Shortcut Keys
These keys are available in multiple places within Studio Pro and work generically.
Panes and Editors
These keys are active within the Dockable Panes and editors, such as the Domain Model, Pages, Workflows, Microflows, or the Navigation editor.
All Panes and Editors
You can navigate between Studio Pro panes (for example, the domain model editor or the Errors pane) using Ctrl + Shift + Tab. This opens a selection dialog where you can choose a pane using the mouse, Ctrl + arrow keys, or Ctrl + Shift + Tab. You are taken to the selected pane when you click the main mouse button or release the Ctrl key.
There are alternative ways to navigate between tabs within panes:
| Key | Description |
|---|---|
| Ctrl + 1 - 0 | Switch to tab at selected tab position in the current window. |
| Ctrl + Page up / Page down | Switch to next/previous tab in active pane. |
Most menu items also have shortcut keys assigned to them that can be used in all panes. These are shown in the menus, listed in the Menu Shortcut Keys section, below, and also listed on the documentation page for each menu under Menus.
Editors Only
The following key combinations work in the editors, such as the Domain Model, Pages, Workflows, Microflow, or Navigation editor.
| Key | Description |
|---|---|
| Ctrl + C | Copy the selected element to the clipboard. |
| Ctrl + V | Paste the contents of the clipboard in the current editor. |
| Ctrl + X | Move the selected element to the clipboard. |
| Ctrl + Y | Redo the last undone action in an editor pane. |
| Ctrl + Z | Undo the last action in an editor pane. |
| Alt + Shift + Tab | Navigate between open editors (opens pane navigation dialog where editors are called active files). |
| Ctrl + Mouse scroll wheel | Zooms in or out. |
| Ctrl + Shift + Minus sign | Zooms in or out. |
| Shift + Mouse scroll wheel | Scrolls left or right. Works as if you were using the horizontal scroll bar. |
| Ctrl + Shift + C | Copy the inline styles, classes, and design properties of a widget. |
| Ctrl + Shift + V | Paste the widget styling onto another selected widget. |
Panes Only
The following key combinations work in the panes of Studio Pro:
| Key | Description |
|---|---|
| Ctrl + Shift + F7 | Navigate between panes (opens pane navigation dialog where panes are called active tool windows). |
Dialog Boxes
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 + Shift + Tab | Switches between tabs in a tabbed dialog box. |
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). |
| ↑ / ↓ | Selects previous/next item. |
| Ctrl + ↑ / ↓ | Moves selected item(s) up/down. |
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 entity, attribute, or association. |
| Ctrl + A | Selects all entities. |
| Ctrl | When pressing the Ctrl, you can select additional entities components. Clicking a selected entity while holding Ctrl will deselect it. |
| Enter | Edits the properties of the currently selected entity, attribute, or association in a dialog box. |
| Esc | Clears selection. |
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, data 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, or the contents of text, 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. |
Microflow and Nanoflow Editor Shortcut Keys
The following shortcut keys are available in the microflow and nanoflow editors:
| 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. |
| Shift | By holding Shift when resizing an activity, it will stay centered at its current position and expand equally in all directions. |
| Ctrl | When pressing the Ctrl, you can select additional activities. Clicking a selected component while holding Ctrl will deselect it. |
Debugger Shortcut Keys
The following shortcut keys are available for the debugger:
| Key | Description |
|---|---|
| Alt + F5 | Step into – moves the debugger into the sub-microflow/sub-nanoflow or loop. |
| Alt + F6 | Step over – moves the debugger to the next step in the same workflow/microflow/nanoflow. |
| Alt + F7 | Step out – instructs the debugger to leave the sub-microflow/sub-nanoflow or loop. |
| Alt + F8 | Continue – instructs the debugger to continue until it reaches another breakpoint. |
Menu Shortcut Keys
The following shortcut keys are assigned to menu actions that can be used in all panes. These are also shown in the menus and listed on the documentation page for each menu under Menus.
| Key | Description |
|---|---|
| F1 | Help. |
| F3 | Highlights the next find result in the Find Results pane and open it in an editor. |
| Shift + F3 | Highlights the previous find result in the Find Results pane and open it in an editor. |
| F4 | Synchronizes the app directory. |
| Ctrl + F4 | Exits. |
| F5 | Runs the app locally so you can view the app. |
| Shift + F5 | Stops the currently running app. |
| Ctrl + F5 | Deploys to licensed cloud node. |
| F6 | Deploys for Eclipse. |
| F7 | Creates a deployment package. |
| F8 | Highlights the next error in the Errors pane and open it in an editor. |
| Shift + F8 | Highlights the previous error result in the Errors pane and open it in an editor. |
| F9 | Shows the currently running app in the browser (responsive). |
| Ctrl + F9 | Shows the currently running app in the browser (phone simulation). |
| Ctrl + Shift + F9 | Shows the currently running app in the browser (tablet simulation). |
| F11 | Enables and disable full screen mode. |
| Shift + F11 | Enables and disable distraction free mode. |
| Ctrl + F | Opens search dialog box. |
| Ctrl + Shift + F | Opens advanced search dialog box. |
| Ctrl + Alt + F | Displays usages of the selected object. |
| Ctrl + G | Goes to any document or domain model element. |
| Ctrl + Shift + L | Cycles through the configured languages. |
| Ctrl + N | Creates a new document. |
| Ctrl + Shift + N | Creates a new app. |
| Ctrl + Shift + O | Opens an existing app or app package. |
| Ctrl + S | Saves the changes in the currently active document tab. |
| Ctrl + Shift + S | Saves the changes in all open documents. |
| Ctrl + W | Closes the current document. |
| Ctrl + Shift + W | Closes all document tabs. |
| Delete | Deletes the selected element. |