Skip to content

Commit 83c874e

Browse files
authored
Merge pull request #1405 from MicrosoftDocs/master
Publish: updated AFS/CDS for UI changes
2 parents 9444e64 + 9d52bcb commit 83c874e

File tree

3 files changed

+36
-32
lines changed

3 files changed

+36
-32
lines changed

powerapps-docs/maker/canvas-apps/data-platform-create-app-scratch.md

Lines changed: 36 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ search.app:
1818

1919
Build a canvas app to manage data that's stored in Common Data Service, using standard entities (which are built in), custom entities (which your organization creates), or both.
2020

21-
When you build an app from the Common Data Service, you don't need to create a connection from PowerApps, as you do with data sources such as SharePoint, Dynamics 365, or Salesforce. You only need to specify the entities that you want to show, manage, or use for both activities in the app.
21+
When you build an app from Common Data Service, you don't need to create a connection from PowerApps, as you do with data sources such as SharePoint, Dynamics 365, or Salesforce. You need only to specify the entities that you want to show, manage, or use for both activities in the app.
2222

2323
## Prerequisites
2424

@@ -30,37 +30,37 @@ When you build an app from the Common Data Service, you don't need to create a c
3030

3131
1. Sign in to [PowerApps](http://web.powerapps.com?utm_source=padocs&utm_medium=linkinadoc&utm_campaign=referralsfromdoc).
3232

33-
1. Under **Make your own app**, hover over the **Start from blank** tile for canvas apps, click or tap the phone icon, and then click or tap **Make this app**.
33+
1. Under **Make your own app**, select **Canvas app from blank**.
3434

35-
![Blank-app tile](./media/data-platform-create-app-scratch/start-from-blank.png)
35+
![Blank-app tile](./media/data-platform-create-app-scratch/blank-app.png)
3636

37-
You can design an app from scratch for phones or other devices (such as tablets); this topic will focus on designing an app for phones.
37+
1. Specify a name for your app, select **Phone**, and then select **Create**.
3838

39-
## Specify an entity
39+
You can build an app from scratch for tablets, but this topic shows building an app for phones.
4040

41-
1. In the middle of the screen, click or tap **connect to data** and then, in the **Data** pane, click or tap the **Common Data Service** connection.
41+
## Specify an entity
4242

43-
1. In the search box, type or paste the first few letters of **Accounts** to filter the list of entities, select the **Accounts** check box, and then click or tap **Connect**.
43+
1. In the middle of the screen, select **connect to data**.
4444

45-
![Specify the Accounts entity](./media/data-platform-create-app-scratch/cds-connect.png)
45+
1. In the **Data** pane, select **Common Data Service**, select the **Accounts** check box, and then select **Connect**.
4646

47-
1. Close the **Data** pane by clicking or tapping the close icon in the upper-right corner.
47+
1. Close the **Data** pane by selecting the close icon in the upper-right corner.
4848

4949
## Add a list screen
5050

51-
1. On the **Home** tab, click or tap the down arrow for **New screen**, and then click or tap **List screen**.
51+
1. On the **Home** tab, select the down arrow for **New screen**, and then select **List**.
5252

5353
![Add a list screen](./media/data-platform-create-app-scratch/list-screen.png)
5454

55-
1. In the left navigation bar, click or tap **TemplateGalleryList1** to select it, and then set the value of the **Items** property to this formula:
55+
1. In the left navigation bar, select **BrowseGallery1**, and then set the value of the **Items** property to this formula:
5656

5757
`SortByColumns(Search(Accounts, TextSearchBox1.Text, "name"), "name", If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))`
5858

5959
This formula specifies that:
6060

6161
- The gallery should show data from the **Accounts** entity.
62-
- The data should be sorted in ascending order until a user clicks or taps the sort button to toggle the sort order.
63-
- If a user types or pastes one or more characters into the search bar, the list will show only those accounts for which the name field contains the characters that the user specified.
62+
- The data should be sorted in ascending order until a user selects the sort button to toggle the sort order.
63+
- If a user types or pastes one or more characters into the search bar (**TextSearchBox1**), the list will show only those accounts for which the **name** field contains the characters that the user specified.
6464

6565
You can use [these and many other functions](formula-reference.md) to specify how your app appears and behaves.
6666

@@ -70,30 +70,34 @@ When you build an app from the Common Data Service, you don't need to create a c
7070

7171
![Browse screen](./media/data-platform-create-app-scratch/final-browse.png)
7272

73-
1. In the left navigation bar, hover over **Screen1**, click or tap the ellipsis icon (...), and then click or tap **Delete**.
73+
1. In the left navigation bar, hover over **Screen1**, select the ellipsis icon (...), and then select **Delete**.
7474

75-
1. In the left navigation bar, hover over **Screen2**, click or tap the ellipsis icon (...), and then click or tap **Rename**.
75+
1. In the left navigation bar, hover over **Screen2**, select the ellipsis icon (...), and then select **Rename**.
7676

7777
1. Type or paste **BrowseScreen**, and then rename the gallery in that screen as **BrowseGallery**.
7878

7979
![Rename Browse screen, gallery](./media/data-platform-create-app-scratch/rename-browse.png)
8080

8181
## Add a form screen
8282

83-
1. Repeat the first step of the previous procedure, except add a **Form screen** instead of a **List screen**.
83+
1. Repeat the first step of the previous procedure, except add a **Form** screen instead of a **List** screen.
8484

85-
1. Set the form's **DataSource** property to **Accounts** and its **Item** property to **BrowseGallery.Selected**, as shown on the **Advanced tab** of the right-hand pane.
85+
1. Set the form's **DataSource** property to **Accounts** and its **Item** property to **BrowseGallery.Selected**, as the **Advanced** tab of the right-hand pane shows.
8686

8787
![Set the form's Datasource and Item property](./media/data-platform-create-app-scratch/form-datasource.png)
8888

89-
1. On the **Properties** tab of the right-hand pane, click or tap **Accounts** to open the **Data** pane, and then select the checkboxes for these fields:
89+
1. On the **Properties** tab of the right-hand pane, select **Edit fields** to open the **Fields** pane.
90+
91+
1. Select **Add field**, and then select the check boxes for these fields:
92+
93+
- **Account Name**
94+
- **Address 1: Street 1**
95+
- **Address 1: City**
96+
- **Address 1: ZIP/Postal code**
97+
- **Number of Employees**
98+
- **Annual Revenue**
9099

91-
- Account name
92-
- Address 1: Street 1
93-
- Address 1: City
94-
- Address 1: ZIP/Postal code
95-
- Number of Employees
96-
- Annual Revenue
100+
1. Select **Add**.
97101

98102
1. Set the title bar's **Text** property to show **Create/Edit**.
99103

@@ -105,37 +109,37 @@ When you build an app from the Common Data Service, you don't need to create a c
105109

106110
## Configure icons
107111

108-
1. On the **BrowseScreen**, click or tap the circular icon near the top of the screen, and set its **OnSelect** property to this formula:
112+
1. On the **BrowseScreen**, set the **OnSelect** property of the circular icon near the top of the screen to this formula:
109113

110114
`Refresh(Accounts)`
111115

112116
![Refresh icon](./media/data-platform-create-app-scratch/refresh-icon.png)
113117

114-
1. Click or tap the plus icon, and set its **OnSelect** property to this formula:
118+
1. Set the **OnSelect** property of the the plus icon to this formula:
115119

116120
`NewForm(EditForm1); Navigate(FormScreen, ScreenTransition.None)`
117121

118122
![Add icon](./media/data-platform-create-app-scratch/plus-icon.png)
119123

120-
1. Click or tap the first arrow pointing to the right, and set its **OnSelect** property to this formula:
124+
1. Set the **OnSelect** property of the first arrow pointing to the right to this formula:
121125

122126
`EditForm(EditForm1); Navigate(FormScreen, ScreenTransition.None)`
123127

124128
![Next icon](./media/data-platform-create-app-scratch/next-icon.png)
125129

126-
1. On the **FormScreen**, click or tap the cancel icon, and set its **OnSelect** property to this formula:
130+
1. On the **FormScreen**, set the **OnSelect** property of the cancel icon to this formula:
127131

128132
`ResetForm(EditForm1);Navigate(BrowseScreen, ScreenTransition.None)`
129133

130134
![Cancel icon](./media/data-platform-create-app-scratch/cancel-icon.png)
131135

132-
1. Click or tap the checkmark icon, and set its **OnSelect** property to this formula:
136+
1. Set the **OnSelect** property of the checkmark icon to this formula:
133137

134138
`SubmitForm(EditForm1); Navigate(BrowseScreen, ScreenTransition.None)`
135139

136140
![Checkmark icon](./media/data-platform-create-app-scratch/checkmark-icon.png)
137141

138-
1. On the **Insert** tab, click or tap **Icons**, and then click or tap the **Trash** icon.
142+
1. On the **Insert** tab, select **Icons**, and then select the **Trash** icon.
139143

140144
1. Set the **Trash** icon's **Color** property to **White** and its **OnSelect** property to this formula:
141145

@@ -145,11 +149,11 @@ When you build an app from the Common Data Service, you don't need to create a c
145149

146150
## Test the app
147151

148-
1. In the left navigation bar, select **BrowseScreen**, and then open Preview by pressing F5 (or by clicking or tapping the play icon near the upper-right corner).
152+
1. In the left navigation bar, select **BrowseScreen**, and then open Preview by pressing F5 (or by selecting the play icon near the upper-right corner).
149153

150154
![Open Preview](./media/data-platform-create-app-scratch/open-preview.png)
151155

152-
1. Toggle the list between ascending and descending sort orders, and filter the list by specific characters in each account name.
156+
1. Toggle the list between ascending and descending sort orders, and filter the list by one or more characters in the account name.
153157

154158
1. Add an account, edit the account that you added, start to update the account but cancel your changes, and then delete the account.
155159

Loading

0 commit comments

Comments
 (0)