1 Introduction
Studio Pro supports a number of dockable window panes, such as the Changes and Errors panes. You can close some panes to just show the ones you need at the moment, but you can always reopen them via the View menu.
Via this menu you can also enable or disable the full screen mode or reset the layout of your app to the default.
2 Layout of Panes
You can change the default layout of panes and arrange them in the layout you like.
Note that this section describes the behavior of panes, not the behavior of documents in the working area. For more information on the behavior of documents open in the working area, see the Document Tabs section in Studio Pro Overview.
When you drag a pane, you can see arrows that indicate where you can position this pane. You can position the pane either inside the current pane (arrows grouped together) or make it full-window height or width (individual arrows on the borders). Each position is labelled and explained below:
Within the current pane you can position a pane in one of the following ways:
Pane-height – left
Pane-height – right
Pane-height – top
Pane-height – bottom
New pane as a new tab
If you try to position the pane as a new pane inside the working area, it will be opened as a dialog box.
Within the current window you can position a pane in one of the following ways:
Full-window height – left
Full-window height – right
Full-window height – top
Full-window height – bottom
The video below shows examples of how to position a pane:
If you have several panes grouped together in tabs, you can change the position of all the tabs at once by dragging the top-bar. To change the position of an individual tab, drag the tab itself.
3 Menu Items
Menu items of the View menu are described in sections below.
3.1 Changes
For version control-enabled apps (meaning, those with Team Server or other SVN servers), the Changes pane shows the local changes to the app since the last commit. You can commit changes, update to the latest revision, and view the history from here.
This pane has two levels, so when you zoom into a changed document, you can review all the changes within that document without going back and forth between levels. The zoomed-in level of the pane is split into two grids, with elements on the left and properties on the right. Selecting an element on the left presents the changed properties on the right:
3.2 Connector
The Connector pane displays elements that can be connected to the currently selected element. For example, when a button is a selected, the Connector shows microflows that you can drag onto the button to connect them.
3.3 Data Hub
The Data Hub pane enables you to browse the Data Hub Catalog and use registered data sources that are available for your organization in your app development. You can add external entities to your app via this pane and see entities and data sources already consumed in your app.
3.3 Console
The Console pane displays the output of the Mendix Runtime while running an application.
3.4 Documentation
The Documentation pane displays the documentation for the currently selected element (if applicable).
3.5 Error List
The Errors pane displays the errors, warnings, and deprecations that exist in your app.
3.6 Find Results
This pane displays the results of the latest find action. You can search for text, usages of an element (for example, an attribute), and unused items.
There are two Find Results panes. If you lock the results of the first pane, the second one is used for subsequent find operations until you unlock the first one.
3.7 App Explorer
The App Explorer pane displays the complete structure of your app, including all the documents inside the modules. By default, the active document is always selected, so you can quickly see where the document you are editing is in the tree. You can change this behavior in Edit > Preferences.
3.8 Properties
The Properties pane displays the properties of the currently selected element. This is where a lot of editing in Studio Pro takes place.
3.9 Stories
For Team Server app, the Stories pane shows the stories of the current Sprint. For more information on the Stories pane and how to interact with it, see Stories Pane.
3.10 Toolbox
The Toolbox pane displays the tools that can be used in the current editor. For example, in a page you can insert all kinds of widgets (for example, data widgets) by dragging them from the Toolbox onto your page.
3.11 Debug Windows
For more information on debugging, see How to Debug Microflows and Nanoflows.
3.11.1 Breakpoints
The Breakpoints pane shows all the breakpoints in your app. You can enable and disable breakpoints from here.
3.11.2 Debugger
The Debugger tool can be used to debug your application.
3.11.3 Variables
In the Variables pane, you can view the current values of variables, lists, and objects when debugging your application.
3.12 Full Screen
The Full Screen mode hides the title bar and makes the window fill the entire screen.
Shortcut key: F11
3.13 Distraction Free Mode
The Distraction Free Mode does the same as the Full Screen mode above, but also closes all dockable window panes.
Shortcut key: Shift + F11
3.14 Reset Layout
Resets the layout of dockable window panes to factory defaults.