Skip to content

Commit 771fe61

Browse files
committed
Moving forward with topic publish after tweaks and validation section removed per bug 2055840
1 parent d32aadf commit 771fe61

File tree

10 files changed

+92
-0
lines changed

10 files changed

+92
-0
lines changed
Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
---
2+
title: Quickstart to build your first model-driven app from scratch with PowerApps | Microsoft Docs
3+
description: Learn how to build a simple model-driven app
4+
services: ''
5+
suite: powerapps
6+
documentationcenter: ''
7+
author: Mattp123
8+
manager: kfile
9+
editor: ''
10+
tags: ''
11+
12+
ms.service: powerapps
13+
ms.workload: na
14+
ms.tgt_pltfrm: na
15+
ms.devlang: na
16+
ms.topic: article
17+
ms.date: 04/18/2018
18+
ms.author: matp
19+
20+
---
21+
22+
# Quickstart: Build your first model-driven app from scratch
23+
Model-driven app design is a component-focused approach to app development. In this quickstart, you simplify how to create a model app by using one of the standard entities that's available in your [!INCLUDE [powerapps](../../includes/powerapps.md)] environment.
24+
25+
> [!IMPORTANT]
26+
> [!INCLUDE [cc-preview-features-definition](../../includes/cc-preview-features-definition.md)]
27+
28+
## Sign in to PowerApps
29+
Sign in to [PowerApps](https://web.powerapps.microsoft.com/). If you don’t already have a [!INCLUDE [powerapps](../../includes/powerapps.md)] account, select the **Get started free** link.
30+
31+
## Create your model app
32+
33+
1. Select the environment you want, or go to the [PowerApps admin center](https://admin.powerapps.microsoft.com/) to create a new one.
34+
2. From the left navigation pane, select **Model-driven**.
35+
36+
![Model-driven](media/build-first-model-driven-app/choose-design-mode.png)
37+
38+
3. From the left pane, select **Apps**, and then select **Create an app**.
39+
40+
4. On the **Create a New App** page, enter the following details, and then select **Done**:
41+
* **Name**: Enter a name for the app, such as *Myfirstapp*.
42+
* **Description**: Type a short description of what the app is or does, such as *This is my first app*.
43+
For information about the additional app properties, see [Create an app](https://docs.microsoft.com/dynamics365/customer-engagement/customize/create-edit-app#create-an-app).
44+
45+
![Create-new-app](media/build-first-model-driven-app/create-new-app.png)
46+
47+
## Add components to your app
48+
From the app designer you add components to your app.
49+
1. Select the **Open the Site Map Designer** arrow to open the sitemap designer.
50+
51+
![Create-new-sitemap](media/build-first-model-driven-app/new-sitemap.png)
52+
53+
2. On the sitemap designer select **New Subarea**, in the right pane select the **Properties** tab, and then select the following properties.
54+
- **Type**: Entity
55+
- **Entity**: Account
56+
57+
![Add components to sitemap](media/build-first-model-driven-app/sitemap.png)
58+
59+
3. Select **Save And Close**.
60+
4. On the app designer canvas select **Forms**, and then on the right pane under the **Main Forms** group select the **Account** form.
61+
62+
![Account main form](media/build-first-model-driven-app/main-form.png)
63+
64+
5. On the app designer canvas select **Views**, and then select the **Active Accounts**, **All Accounts**, and **My Active Accounts** views.
65+
66+
![Account views](media/build-first-model-driven-app/views.png)
67+
68+
6. On the app designer canvas select **Charts**, and then select the **Accounts by Industry** chart.
69+
7. On the app designer toolbar, select **Save**.
70+
71+
![App designer toolbar save](media/build-first-model-driven-app/app-designer-toolbar.png)
72+
73+
<!-- ## Validate your app
74+
This step checks for component dependencies that are required for the app to work, but haven't yet been added to the app.
75+
76+
1. On the app designer canvas, select the component that indicates a dependency, such as the **Forms** component. Then, on the right-pane select the **Required** tab, expand **Entity Dependencies** and then select all required dependencies.
77+
78+
![Add dependencies](media/build-first-model-driven-app/resolve-dependencies.png)
79+
80+
2. Select **Add Dependencies**.
81+
3. On the app designer toolbar, select **Save**. -->
82+
83+
## Publish your app
84+
On the app designer toolbar, select **Publish**.
85+
86+
After publishing the app it's ready for you to run or share with others.
87+
88+
![Simple account entity app](media/build-first-model-driven-app/accounts-quickstart-app.png)
89+
90+
## Next steps
91+
In this quickstart, you built a simple model-driven app. To see how your app looks when you run it, see [Quickstart: Run a model-driven app on a mobile device](../../user/run-app-client-model-driven.md).
92+
To learn how to share your app, continue to the tutorial for how to share a model-driven app [Share a model-driven app](share-model-driven-app.md).
Loading
Loading
Loading
Loading
Loading

0 commit comments

Comments
 (0)