Mendix Studio is a powerful collaborative tool that lets you build your application in the cloud together with your team. When you sign into Mendix Studio for the first time, you get the option to choose an app template that is powered by Atlas UI. For more information on Mendix Studio, see the Studio Guide.
This how-to will teach you how to do the following:
- Choose an app template
- Edit your app in Mendix Studio
- Choose a page template
- Customize your theme
Before starting this how-to, make sure you have completed the following prerequisites:
- Have a Mendix account (sign up here)
2 Choosing Your App Template
In the Developer Portal, click Create App.You will see a number of apps marked with ATLAS UI, which are Atlas UI-based app templates. You can select one to get started.
For more information about Atlas UI, see Atlas UI.
3 Editing Your App in Mendix Studio
You now have access to your app Buzz in the Developer Portal. From Buzz, you can open Mendix Studio clicking Edit App in the top-right corner of the screen:
Note that when you click Edit App for any Atlas UI app, it will automatically open in Mendix Studio. If you need to edit the app in Studio Pro, click the drop-down menu on the Edit App button and select Edit in Studio Pro.
4 Exploring Mendix Studio
Your app is ready to be built. In the Toolbox in the page editor, you will find building blocks and widgets you can build your pages with.
All these resources have been created with Atlas UI. Each building block has an information icon that directs you to the Atlas UI website for the relevant information:
5 Choosing a Page Template
You can choose a page template when you create a new page. For information on how to create a new page and perform other basic functions, see section 3 Performing Basic Functions in Page Editor.
For example, Dashboard Action Tiles, Dashboard Charts, Dashboard Expenses are page templates.
Once the page is created, you can customize it.
6 Customizing Your Theme
The Theme Customizer allows you to customize your app in Mendix Studio. For more information on how you can style your app with it, see Theme Customizer in the Studio Guide. To make your theme customization as easy as possible, see How to Customize Your Styling Using Calypso.