Merge pull request #1394 from MicrosoftDocs/master

Publish: updates to three topics for UI changes

Author: AFTOwen

powerapps-docs/maker/canvas-apps/add-data-connection.md

@@ -28,57 +28,54 @@ Your [next step](#next-steps) after this article is to display and manage data f
 
 [Sign up](../signup-for-powerapps.md) for PowerApps, and then [sign in](http://web.powerapps.com?utm_source=padocs&utm_medium=linkinadoc&utm_campaign=referralsfromdoc) by providing the same credentials that you used to sign up.
 
-## Add a data source
-1. On the **Home** tab, hover over the **Start from blank** tile, and then select **Make this app.**
+## Open a blank app
 
-    ![Create an app from scratch](./media/add-data-connection/blank-app-tile.png)
+1. On the **Home** tab, select **Canvas app from blank**.
 
-1. If the **Welcome to PowerApps Studio** dialog box appears, select **Skip**.
+1. Specify a name for your app, and then select **Create**.
 
-3. In the center pane, click or tap **connect to data**.
+1. If the **Welcome to PowerApps Studio** dialog box appears, select **Skip**.
 
-4. If the list of connections in the **Data** pane includes the one that you want, select it to add it to the app. Otherwise, skip to the next step.
+## Add data source
 
-    ![Add data source](./media/add-data-connection/choose-existing-connections.png)
+1. In the center pane, select **connect to data** to open the **Data** pane.
 
-5. Select **New connection** to display a list of connectors.
+    If this were an existing app and the screen already contained a control, select **View** > **Data sources** to open the same pane.
 
-    ![Add connection](./media/add-data-connection/new-connection.png)
+1. Select **Add data source**.
 
-6. Scroll through the list of connectors until the type of connection that you want to create appears (for example, **Office 365 Outlook**), and then select it.
+1. If the list of connections includes the one that you want, select it to add it to the app. Otherwise, skip to the next step.
 
-    ![Choose connection](./media/add-data-connection/choose-connection.png)
+    ![Choose an existing connection](./media/add-data-connection/choose-existing-connection.png)
 
-7. Select **Create** to both create the connection and add it to your app.
+1. Select **New connection** to display a list of connections.
 
-    Some connectors, such as **Office 365 Outlook**, require no additional steps, and you can show data from them immediately. Other connectors prompt you to provide credentials, specify a particular set of data, or perform other steps. For example, [SharePoint](connections/connection-sharepoint-online.md) and [SQL Server](connections/connection-azure-sqldatabase.md) require additional information before you can use them.
+    ![Add connection](./media/add-data-connection/add-connection.png)
 
-## Add another data source
-1. Add a control to which you want to add a data source.
+1. In the search bar, type or paste the first few letters of the connection you want, and then select then connection when it appears.
 
-    The control must have an **Items** property, as galleries and listboxes do, or an **Item** property, as a form does.
+    ![Search for a connection](./media/add-data-connection/search-connections.png)
 
-1. In the **Data** pane (which opens automatically), open the list under **Data source**, and then select **Add a data source**.
+1. Select **Create** to both create the connection and add it to your app.
 
-1. Follow the previous procedure, starting with step 4.
+    Some connectors, such as **Office 365 Outlook**, require no additional steps, and you can show data from them immediately. Other connectors prompt you to provide credentials, specify a particular set of data, or perform other steps. For example, [SharePoint](connections/connection-sharepoint-online.md) and [SQL Server](connections/connection-azure-sqldatabase.md) require additional information before you can use them.
 
 ## Identify or change a data source
 If you're updating an app, you might need to identify or change the source of data that appears in a gallery, a form, or another control. For example, you might need to identify a data source as you update an app that someone else created or you that you created long ago.
 
-1. Select the control for which you want to identify or change the data source.
-
-    For example, select a gallery (not a control within the gallery) by clicking or tapping it in the hierarchical list of screens and controls near the left edge.
+1. Select the control, such as a gallery, for which you want to identify or change the data source.
 
     The name of the data source appears on the **Properties** tab of the right-hand pane.
 
-2. Select the data source to change it or to show more information about it.
+    ![Identify a connection](./media/add-data-connection/identify-connection.png)
 
-    ![Data pane](./media/add-data-connection/data-pane.png)
+1. To show more information about the data source or to change it, select the down arrow next to its name.
 
-3. To change the data source, open the list of data sources, and then select or create another source.
+    More information about the current data source appears, and you can select or create another source.
 
-     ![Data pane](./media/add-data-connection/datasource-list.png)
+    ![Change a connection](./media/add-data-connection/change-connection.png)
 
 ## Next steps
+
 * To show and update data in a source such as Excel, SharePoint, or SQL Server, [add a gallery](add-gallery.md), and [add a form](add-form.md).
 * For data in other sources, use connector-specific functions such as those for [Office 365 Outlook](connections/connection-office365-outlook.md), [Twitter](connections/connection-twitter.md), and [Microsoft Translator](connections/connection-microsoft-translator.md).

powerapps-docs/maker/canvas-apps/create-update-collection.md

@@ -80,7 +80,7 @@ Use a collection to store data that users can manage in your app. A collection i
 
     ![Set the gallery's Items property, and change the fields that it shows](./media/create-update-collection/configure-gallery.png)
 
-1. Close the **Data** pane, and set the **Layout** field to **Title and subtitle**.
+1. Close the **Data** pane, select the gallery, and then set the **Layout** field to **Title and subtitle**.
 
     ![Set the gallery's Items property, and change the fields that it shows](./media/create-update-collection/change-layout.png)
 

powerapps-docs/maker/canvas-apps/customize-layout-sharepoint.md

@@ -47,8 +47,6 @@ If you're not signed up for PowerApps, [sign up for free](https://web.powerapps.
 
 1. Sign in to [PowerApps](https://web.powerapps.com?utm_source=padocs&utm_medium=linkinadoc&utm_campaign=referralsfromdoc), and then select **Apps** near the left edge.
 
-    [![PowerApps home page](./media/customize-layout-sharepoint/sign-in.png)](./media/customize-layout-sharepoint/sign-in.png#lightbox)
-
 1. Find the app that you generated, select the ellipsis icon (**...**) for it, and then select **Edit**.
 
     ![Open app for editing](./media/customize-layout-sharepoint/open-app.png)
@@ -63,25 +61,15 @@ If you're not signed up for PowerApps, [sign up for free](https://web.powerapps.
 
     ![Select gallery](media/customize-layout-sharepoint/select-gallery-1.png)
 
-1. Near the right edge, select **Accounts** to open the **Data** pane.
-
-    ![Open the **Data** pane](./media/customize-layout-sharepoint/open-data-pane.png)
-
-1. In the **Data** pane, open the list of options under **Layout**.
-
-    ![Show layout options](./media/customize-layout-sharepoint/show-layouts.png)
-
-1. In the list of options, select the option that shows only a title.
+1. On the **Properties** tab of the right-hand pane, open the list of options under **Layout**, and then select the option that shows only a title.
 
     ![Select title-only layout](./media/customize-layout-sharepoint/choose-layout.png)
 
-1. In the **Data** pane, open the list of options for the title.
+1. Next to **Fields**, select **Edit**, and then select the down arrow for the title box.
 
     The name of this control will end in a numeral, such as **Title1**, but the numeral might differ based on other actions you might have taken.
 
-    ![Open list of options for title label](./media/customize-layout-sharepoint/show-title-options.png)
-
-1. In the list of options, select **Account name (name)**, and then close the **Data** pane.
+1. In the list of options, select **Account name**, and then close the **Data** pane.
 
     The gallery shows the name of each account.
 
@@ -148,9 +136,7 @@ If your users might have neither touch screens nor mouse wheels, configure the g
 
     ![Select gallery](./media/customize-layout-sharepoint/select-gallery-sorted.png)
 
-1. On the **Gallery** tab, select **Show scrollbar**, and confirm that the value of that property has changed to **true**.
-
-    ![Show scrollbar](./media/customize-layout-sharepoint/show-scrollbar.png)
+1. Set the gallery's **Show scrollbar** property to **true**.
 
 ## Next steps