Mendix Studio is the place where you can create, view and edit your Mendix applications without going into technical details. For this purpose you can use the Studio Pro and develop apps together with Studio Pro users anytime.
With Studio you can create and edit applications in your browser without installing software on your PC.
The picture below shows the components of Studio’s interface:
2 Opening Studio
2.1 Opening Studio via Developer Portal
You can edit an app in Mendix Studio by opening your app in Developer Portal and clicking Edit in Studio:
2.2 Opening Studio via Studio Pro
You can also open your app in Studio via Studio Pro. Do the following:
In Studio Pro, open the app in that you want to view in Studio.
Click the globe icon in the top right corner (only available if Studio is enabled).
The app opens in Studio.
3 Studio Upgrade
After clicking Edit in Studio you may need to upgrade your app to the latest version.
When you upgrade your app in Studio to the latest Mendix version, you will need to upgrade your app in the Studio Pro to the same version as well.
If you are working in a team with others, it is wise to check with your team members if everyone is OK to upgrade the app to the latest Mendix version. The reason for this is that once you update Studio, you need to update Studio Pro as well.
4 Switching App Modes
After opening Studio, the home page of the app opens.
You can change the view of your page to different views by clicking the corresponding icons:
5 Left Menu Bar
The left menu bar provides the following options:
|Mx Logo||None||The Mx logo is the return button to return to the Developer Portal of the app.|
|Pages||1||Shows a list of all pages in the app. After you select a page, it opens in Studio.|
|Domain Models||2||Shows the domain models of the app.|
|Microflows||3||Shows a list of all microflows in the app. After clicking a microflow, it will open in Studio.|
|Navigation Document||4||Shows a configured menu in the form of a navigation tree. You can expand the menu structure of the navigation tree up to two levels with an unlimited amount of pages.|
|Search (magnifying glass) icon||/||Helps you search through microflows, entities, and pages. Start typing the name of the item you are looking for and the search feature will return any matches it finds, using exact matches as well as fuzzy matches based on the characters entered.
You can also use “/” shortcut to search through your app.
|Settings||None||Settings consists of Roles and Permissions and Widget Overview.
Via Roles and Permissions you can manage access to your app for different type of users.
The Widget Overview gives you an overview of all widgets and their status. Widgets are user interface elements (alerts, buttons, charts, etc.) that are used to build pages.
|Theme Customizer||None||Here you can style your app with custom branding, colors, and typography.|
6 Toolbox, Properties, and Buzz
The top right menu of Studio consists of the Toolbox, Properties , and Buzz tabs.
|Toolbox||Shows tools available for the current editor.|
|Properties||Shows the properties of the selected item.|
|Buzz||Allows an app development team to make comments to different pages, microflows, domain models, and navigation layouts of Studio, and interact with each other.|
7 Top Bar
The top bar provides the following options:
|Top bar item||Description|
|Status icon||Shows the internet connection status of Studio. If status is green, Studio is connected. When grey, Studio is offline.|
|Undo/Redo actions||Undo or redo the last action. You can also use Ctrl+Z and Ctrl+Y shortcuts correspondingly.|
|Recent documents drop-down menu||A document that you are currently viewing is displayed in this option. When you click the drop-down menu, documents that you have recently viewed are displayed in the list. You can click the document to open it.|
|Publish button||Deploy and run the app. Update your app to deploy the latest changes you made in Studio. Once deployed, click View to view your app in action. For more information, see Publishing Your App|
|Checks button||Shows the errors and warnings currently in your app. If there are any errors in the app, you will not be able to publish your app, until you have solved them. For more information on errors, see Consistency Errors.
You can also use C shortcut to view the Checks panel.
|Information icon||Here you can find following information:
8 Cut/Copy/Paste Function
Cut/copy/paste function is available in all editors of Studio: pages, microflows, domain models, and navigation. To cut/copy/paste you can use Ctrl + Z / Ctrl + C / Ctrl + V or Cmn + Z / Cmd + C / Cmd + V.
Mind the following characteristics when using cut/copy/paste:
- You can cut/copy/paste elements within one editor; that means that you can cut/copy/paste elements within one page or to other pages in Studio, and copy microflow activities within one microflow or to other microflows
- You can cut/copy/paste elements to different apps in Studio if they have the same Mendix version
- You cannot copy/paste pages or microflows, only elements of a page or a microflow
- You cannot cut/copy/paste from Studio to Studio Pro