View Menu

Last update: Edit

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.

View Menu

2 Layout of Panes

You can change the default layout of panes and arrange them in the layout you like.

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:

  1. Within the current pane you can position a pane in one of the following ways:

    1. Pane-height – left

    2. Pane-height – right

    3. Pane-height – top

    4. Pane-height – bottom

    5. New pane as a new tab

  2. Within the current window you can position a pane in one of the following ways:

    1. Full-window height – left

    2. Full-window height – right

    3. Full-window height – top

    4. Full-window height – bottom

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 containers) by dragging them from the Toolbox onto your page.

The Toolbox has a tile view showing larger icons and a list view showing a list of elements. You can switch between the tile and list view modes at the bottom-right corner of the Toolbox.

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.

4 Read More