Merge pull request #109882 from ecfan/json

Update art for Transform JSON topic

Author: v-albemi

articles/logic-apps/logic-apps-enterprise-integration-liquid-transform.md

@@ -7,29 +7,18 @@ author: divyaswarnkar
 ms.author: divswa
 ms.reviewer: estfan, logicappspm
 ms.topic: article
-ms.date: 08/16/2018
+ms.date: 04/01/2020
 ---
 
 # Perform advanced JSON transformations with Liquid templates in Azure Logic Apps
 
-You can perform basic JSON transformations in your logic apps with 
-native data operation actions such as **Compose** or **Parse JSON**. 
-To perform advanced JSON transformations, you can create templates 
-or maps with [Liquid](https://shopify.github.io/liquid/), which is 
-an open-source template language for flexible web apps. A Liquid template 
-defines how to transform JSON output and supports more complex JSON 
-transformations, such as iterations, control flows, variables, and so on. 
+You can perform basic JSON transformations in your logic apps with native data operation actions such as **Compose** or **Parse JSON**. To perform advanced JSON transformations, you can create templates or maps with [Liquid](https://shopify.github.io/liquid/), which is an open-source template language for flexible web apps. A Liquid template defines how to transform JSON output and supports more complex JSON transformations, such as iterations, control flows, variables, and so on.
 
-Before you can perform a Liquid transformation in your logic app, 
-you must first define the JSON to JSON mapping with a Liquid template 
-and store that map in your integration account. This article shows 
-you how to create and use this Liquid template or map. 
+Before you can perform a Liquid transformation in your logic app, you must first define the JSON to JSON mapping with a Liquid template and store that map in your integration account. This article shows you how to create and use this Liquid template or map.
 
 ## Prerequisites
 
-* An Azure subscription. If you don't have a subscription, you can 
-[start with a free Azure account](https://azure.microsoft.com/free/). 
-Or, [sign up for a Pay-As-You-Go subscription](https://azure.microsoft.com/pricing/purchase-options/).
+* An Azure subscription. If you don't have a subscription, [sign up for a free Azure account](https://azure.microsoft.com/free/).
 
 * Basic knowledge about [how to create logic apps](../logic-apps/quickstart-create-first-logic-app-workflow.md)
 
@@ -39,10 +28,8 @@ Or, [sign up for a Pay-As-You-Go subscription](https://azure.microsoft.com/prici
 
 ## Create Liquid template or map for your integration account
 
-1. For this example, create the sample Liquid template described 
-in this step. In your Liquid template, you can use 
-[Liquid filters](https://shopify.github.io/liquid/basics/introduction/#filters), 
-which use [DotLiquid](https://dotliquidmarkup.org/) and C# naming conventions. 
+1. For this example, create the sample Liquid template described in this step. In your Liquid template, you can use 
+[Liquid filters](https://shopify.github.io/liquid/basics/introduction/#filters), which use [DotLiquid](https://dotliquidmarkup.org/) and C# naming conventions.
 
    > [!NOTE]
    > Make sure the filter names use *sentence casing* in your template. 
@@ -68,63 +55,64 @@ which use [DotLiquid](https://dotliquidmarkup.org/) and C# naming conventions.
    }
    ```
 
-2. Sign in to the [Azure portal](https://portal.azure.com). 
-On the main Azure menu, select **All resources**. 
-In the search box, find and select your integration account.
+1. In the [Azure portal](https://portal.azure.com), from the Azure search box, enter `integration accounts`, and select **Integration accounts**.
+
+   ![Find "Integration accounts"](./media/logic-apps-enterprise-integration-liquid-transform/find-integration-accounts.png)
+
+1. Find and select your integration account.
 
    ![Select integration account](./media/logic-apps-enterprise-integration-liquid-transform/select-integration-account.png)
 
-3.  Under **Components**, select **Maps**.
+1. On the **Overview** pane, under **Components**, select **Maps**.
 
-    ![Select maps](./media/logic-apps-enterprise-integration-liquid-transform/add-maps.png)
+    ![Select "Maps" tile](./media/logic-apps-enterprise-integration-liquid-transform/select-maps-tile.png)
 
-4. Choose **Add** and provide these details for your map:
+1. On the **Maps** pane, select **Add** and provide these details for your map:
 
    | Property | Value | Description | 
    |----------|-------|-------------|
-   | **Name** | JsonToJsonTemplate | The name for your map, which is "JsonToJsonTemplate" in this example | 
+   | **Name** | `JsonToJsonTemplate` | The name for your map, which is "JsonToJsonTemplate" in this example | 
    | **Map type** | **liquid** | The type for your map. For JSON to JSON transformation, you must select **liquid**. | 
-   | **Map** | "SimpleJsonToJsonTemplate.liquid" | An existing Liquid template or map file to use for transformation, which is "SimpleJsonToJsonTemplate.liquid" in this example. To find this file, you can use the file picker. For map size limits, see [Limits and configuration](../logic-apps/logic-apps-limits-and-config.md#artifact-capacity-limits). |
+   | **Map** | `SimpleJsonToJsonTemplate.liquid` | An existing Liquid template or map file to use for transformation, which is "SimpleJsonToJsonTemplate.liquid" in this example. To find this file, you can use the file picker. For map size limits, see [Limits and configuration](../logic-apps/logic-apps-limits-and-config.md#artifact-capacity-limits). |
    ||| 
 
-   ![Add liquid template](./media/logic-apps-enterprise-integration-liquid-transform/add-liquid-template.png)
+   ![Add Liquid template](./media/logic-apps-enterprise-integration-liquid-transform/add-liquid-template.png)
 
 ## Add the Liquid action for JSON transformation
 
-1. In the Azure portal, follow these steps to 
-   [create a blank logic app](../logic-apps/quickstart-create-first-logic-app-workflow.md).
+1. In the Azure portal, follow these steps to [create a blank logic app](../logic-apps/quickstart-create-first-logic-app-workflow.md).
 
-2. In the Logic App Designer, add the 
-   [Request trigger](../connectors/connectors-native-reqres.md#add-request) 
-   to your logic app.
+1. In the Logic App Designer, add the [Request trigger](../connectors/connectors-native-reqres.md#add-request) to your logic app.
 
-3. Under the trigger, choose **New step**. 
-   In the search box, enter "liquid" as your filter, 
-   and select this action: **Transform JSON to JSON - Liquid**
+1. Under the trigger, choose **New step**. In the search box, enter `liquid` as your filter, and select this action: **Transform JSON to JSON - Liquid**
 
    ![Find and select Liquid action](./media/logic-apps-enterprise-integration-liquid-transform/search-action-liquid.png)
 
-4. Click inside the **Content** box so that the dynamic content list appears, 
-   and select the **Body** token.
-  
-   ![Select body](./media/logic-apps-enterprise-integration-liquid-transform/select-body.png)
- 
-5. From the **Map** list, select your Liquid template, 
-   which is "JsonToJsonTemplate" in this example.
+1. Open the **Map** list, and select your Liquid template, which is "JsonToJsonTemplate" in this example.
 
    ![Select map](./media/logic-apps-enterprise-integration-liquid-transform/select-map.png)
 
    If the maps list is empty, most likely your logic app is not linked to your integration account. 
-   To link your logic app to the integration account that has the Liquid template or map, 
-   follow these steps:
+   To link your logic app to the integration account that has the Liquid template or map, follow these steps:
 
    1. On your logic app menu, select **Workflow settings**.
 
-   2. From the **Select an Integration account** list, 
-      select your integration account, and choose **Save**.
+   1. From the **Select an Integration account** list, select your integration account, and select **Save**.
 
       ![Link logic app to integration account](./media/logic-apps-enterprise-integration-liquid-transform/link-integration-account.png)
 
+1. Now add the **Content** property to this action. Open the **Add new parameter** list, and select **Content**.
+
+   ![Add "Content" property to action](./media/logic-apps-enterprise-integration-liquid-transform/add-content-property-to-action.png)
+
+1. To set the **Content** property value, click inside the **Content** box so that the dynamic content list appears. Select the **Body** token, which represents the body content output from the trigger.
+
+   ![Select "Body" token for "Content" property value](./media/logic-apps-enterprise-integration-liquid-transform/select-body.png)
+
+   When you're done, the action looks like this example:
+
+   ![Finished "Transform JSON to JSON" action](./media/logic-apps-enterprise-integration-liquid-transform/finished-transform-action.png)
+
 ## Test your logic app
 
 Post JSON input to your logic app from [Postman](https://www.getpostman.com/postman) or a similar tool.