Merge pull request #113208 from dksimpson/release-functions-ux-update-dks-14

Functions update for portal UX refresh - batch 14

Author: Jak-MS

articles/azure-functions/functions-create-cosmos-db-triggered-function.md

@@ -4,14 +4,14 @@ description: Use Azure Functions to create a serverless function that is invoked
 
 ms.assetid: bc497d71-75e7-47b1-babd-a060a664adca
 ms.topic: how-to
-ms.date: 10/02/2018
+ms.date: 04/28/2020
 ms.custom: cc996988-fb4f-47
 ---
 # Create a function triggered by Azure Cosmos DB
 
 Learn how to create a function triggered when data is added to or changed in Azure Cosmos DB. To learn more about Azure Cosmos DB, see [Azure Cosmos DB: Serverless database computing using Azure Functions](../cosmos-db/serverless-computing-database.md).
 
-![View message in the logs.](./media/functions-create-cosmos-db-triggered-function/quickstart-completed.png)
+:::image type="content" source="./media/functions-create-cosmos-db-triggered-function/quickstart-completed.png" alt-text="Azure Cosmos DB code":::
 
 ## Prerequisites
 
@@ -22,6 +22,9 @@ To complete this tutorial:
 > [!NOTE]
 > [!INCLUDE [SQL API support only](../../includes/functions-cosmosdb-sqlapi-note.md)]
 
+## Sign in to Azure
+Sign in to the [Azure portal](https://portal.azure.com/) with your Azure account.
+
 ## Create an Azure Cosmos DB account
 
 You must have an Azure Cosmos DB account that uses the SQL API before you create the trigger.
@@ -38,35 +41,33 @@ Next, you create a function in the new function app.
 
 ## Create Azure Cosmos DB trigger
 
-1. Expand your function app and click the **+** button next to **Functions**. If this is the first function in your function app, select **In-portal** then **Continue**. Otherwise, go to step three.
-
-   ![Functions quickstart page in the Azure portal](./media/functions-create-cosmos-db-triggered-function/function-app-quickstart-choose-portal.png)
+1. In your function app, select **Functions** from the left menu, and then select **Add** from the top menu. 
 
-1. Choose **More templates** then **Finish and view templates**.
+1. On the **New Function** page, enter `cosmos` in the search field and then choose the **Azure Cosmos DB trigger** template.
 
-    ![Functions quickstart choose more templates](./media/functions-create-cosmos-db-triggered-function/add-first-function.png)
+   :::image type="content" source="./media/functions-create-cosmos-db-triggered-function/function-choose-cosmos.png" alt-text="Functions page in the Azure portal":::
 
-1. In the search field, type `cosmos` and then choose the **Azure Cosmos DB trigger** template.
 
-1. If prompted, select **Install** to install the Azure Cosmos DB extension in the function app. After installation succeeds, select **Continue**.
+1. Configure the new trigger with the settings as specified in the following table:
 
-    ![Install binding extensions](./media/functions-create-cosmos-db-triggered-function/functions-create-cosmos-db-trigger-portal.png)
+    | Setting      | Suggested value  | Description                                |
+    | ------------ | ---------------- | ------------------------------------------ |
+    | **New Function** | Accept the default name | The name of the function. |
+    | **Cosmos DB account connection** | Accept the default new name | Select **New**, the **Database Account** you created earlier, and then **OK**. This action creates an application setting for your account connection. This setting is used by the binding to connection to the database. |
+    | **Database name** | Tasks | Name of the database that includes the collection to be monitored. |
+    | **Collection name** | Items | Name of the collection to be monitored. |
+    | **Collection name for leases** | leases | Name of the collection to store the leases. |
+    | **Create lease collection if it does not exist** | Yes | Checks for existence of the lease collection and automatically creates it. |
 
-1. Configure the new trigger with the settings as specified in the table below the image.
+    :::image type="content" source="./media/functions-create-cosmos-db-triggered-function/functions-cosmosdb-trigger-settings.png" alt-text="Create the Azure Cosmos DB triggered function":::
 
-    ![Create the Azure Cosmos DB triggered function](./media/functions-create-cosmos-db-triggered-function/functions-cosmosdb-trigger-settings.png)
+1. Select **Create Function**. 
 
-    | Setting      | Suggested value  | Description                                |
-    | ------------ | ---------------- | ------------------------------------------ |
-    | **Name** | Default | Use the default function name suggested by the template.|
-    | **Azure Cosmos DB account connection** | New setting | Select **New**, then choose your **Subscription**, the **Database account** you created earlier, and **Select**. This creates an application setting for your account connection. This setting is used by the binding to connection to the database. |
-    | **Container name** | Items | Name of container to be monitored. |
-    | **Create lease container if it doesn't exist** | Checked | The container doesn't already exist, so create it. |
-    | **Database name** | Tasks | Name of database with the container to be monitored. |
+    Azure creates the Cosmos DB trigger function.
 
-1. Click **Create** to create your Azure Cosmos DB triggered function. After the function is created, the template-based function code is displayed.  
+1. To display the template-based function code, select **Code + Test**.
 
-    ![Cosmos DB function template in C#](./media/functions-create-cosmos-db-triggered-function/function-cosmosdb-template.png)
+    :::image type="content" source="./media/functions-create-cosmos-db-triggered-function/function-cosmosdb-template.png" alt-text="Cosmos DB function template in C#":::
 
     This function template writes the number of documents and the first document ID to the logs.
 
@@ -105,7 +106,7 @@ After the container specified in the function binding exists, you can test the f
 
 1. Expand the new **Items** container in Data Explorer, choose **Items**, then select **New Item**.
 
-    ![Create an item in Items container](./media/functions-create-cosmos-db-triggered-function/create-item-in-container.png)
+    :::image type="content" source="./media/functions-create-cosmos-db-triggered-function/create-item-in-container.png" alt-text="Create an item in Items container":::
 
 1. Replace the contents of the new item with the following content, then choose **Save**.
 

articles/azure-functions/media/functions-create-cosmos-db-triggered-function/function-choose-cosmos.png

@@ -10,17 +10,11 @@
  ms.custom: include file
 ---
 
-1. Go to the [Azure portal](https://portal.azure.com/) to create an Azure Cosmos DB account. At your homepage choose **Create a resource** from the **Azure services** panel.
+1. From the Azure portal menu or the **Home page**, select **Create a resource**.
 
-   ![Create a resource](./media/cosmos-db-create-dbaccount/azure-cosmos-db-create-resource-1.png)
+1. On the **New** page, search for and select **Azure Cosmos DB**.
 
-1. Search for and select **Azure Cosmos DB**.
-
-   ![The Azure portal resources drop-down](./media/cosmos-db-create-dbaccount/create-nosql-db-databases-json-tutorial-updated-1.png)
-
-1. Select **Create**.
-
-   ![Create Azure Cosmos DB resource](./media/cosmos-db-create-dbaccount/azure-cosmos-db-create-account-1.png)
+1. On the **Azure Cosmos DB** page, select **Create**.
 
 1. On the **Create Azure Cosmos DB Account** page, enter the basic settings for the new Azure Cosmos account.