Get Started with Atlas UI

Last update: Edit

1 Introduction

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 a starter app 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 a starter app
  • Edit your app in Mendix Studio
  • Choose a page template
  • Customize your theme

2 Prerequisite

Before starting this how-to, make sure you have completed the following prerequisites:

  • Have a Mendix account (sign up here)

2 Choosing Your Starter App

In the Mendix Developer Portal, click Create App. On the Starter Apps tab, there are a number of apps marked with ATLAS UI that are Atlas UI-based. You can select one to get started.

Starter Apps in the Developer POrtal

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:

Edit App Button in the Developer POrtal

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.

Studio Page Example

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:

Building Block Example

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.

Page Template

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 Use Calypso.

7 Read More