Merge pull request #209445 from n0elleli/previewexp-updates

Previewexp updates

Author: tamarakhader

articles/data-factory/how-to-manage-studio-preview-exp.md

@@ -8,7 +8,7 @@ ms.service: data-factory
 ms.subservice: tutorials
 ms.topic: tutorial
 ms.custom: seo-lt-2019
-ms.date: 08/10/2022
+ms.date: 08/26/2022
 ---
 
 # Manage Azure Data Factory studio preview experience
@@ -60,11 +60,25 @@ There are two ways to enable preview experiences.
    [**Monitoring experimental view**](#monitoring-experimental-view)
    * [Simplified default monitoring view](#simplified-default-monitoring-view)
 
-### Dataflow data first experimental view
+### Dataflow data-first experimental view
 
 UI (user interfaces) changes have been made to mapping data flows. These changes were made to simplify and streamline the dataflow creation process so that you can focus on what your data looks like. 
+
 The dataflow authoring experience remains the same as detailed [here](https://aka.ms/adfdataflows), except for certain areas detailed below. 
 
+To see the data-first experimental view, you will need to follow these steps to enable it. By default, users will see the **Classic** style. 
+
+> [!NOTE]
+> To enable the data-first view, you will need to enable the preview experience in your settings and you will need an active Data flow debug session. 
+
+In your data flow editor, you can find several canvas tools on the right side like the **Search** tool, **Zoom** tool, and **Multi-select** tool. 
+
+:::image type="content" source="media/how-to-manage-studio-preview-exp/data-factory-preview-exp-28.png" alt-text="Screenshot of the data flow editing canvas.":::
+
+You will see a new icon under the **Multi-select** tool. This is how you can toggle between the **Classic** and the **Data-first** views. 
+
+:::image type="content" source="media/how-to-manage-studio-preview-exp/data-factory-preview-exp-29.png" alt-text="Screenshot of data flow canvas options with button to switch views highlighted.":::
+
 #### Configuration panel
 
 The configuration panel for transformations has now been simplified. Previously, the configuration panel showed settings specific to the selected transformation. 
@@ -96,7 +110,7 @@ Columns can be rearranged by dragging a column by its header. You can also sort
 
 UI (user interface) changes have been made to activities in the pipeline editor canvas. These changes were made to simplify and streamline the pipeline creation process. 
 
-#### Adding activities
+#### Adding activities to the canvas
 
 You now have the option to add an activity using the Add button in the bottom right corner of an activity in the pipeline editor canvas. Clicking the button will open a drop-down list of all activities that you can add. 
 
@@ -109,7 +123,9 @@ Select an activity by using the search box or scrolling through the listed activ
 You can now view the activities contained iteration and conditional activities.
 
 :::image type="content" source="media/how-to-manage-studio-preview-exp/data-factory-preview-exp-11.png" alt-text="Screenshot of all iteration and conditional activity containers.":::
-  
+
+##### Adding Activities
+
 You have two options to add activities to your iteration and conditional activities.
 
 1. Use the + button in your container to add an activity. 
@@ -140,7 +156,29 @@ You have two options to add activities to your iteration and conditional activit
     :::image type="content" source="media/how-to-manage-studio-preview-exp/data-factory-preview-exp-18.png" alt-text="Screenshot of the drop-down list of activities in the right-most activity.":::
 
     Select an activity by using the search box or scrolling through the listed activities. The selected activity will be added to the canvas inside of the container.
-   
+
+##### Adjusting activity size
+
+Your containerized activities can be viewed in two sizes. In the expanded size, you will be able to see all the activities in the container.
+
+:::image type="content" source="media/how-to-manage-studio-preview-exp/data-factory-preview-exp-23.png" alt-text="Screenshot of a ForEach activity with nest activities shown in a container view.":::
+
+To save space on your canvas, you can also collapse the containerized view using the **Minimize** arrows found in the top right corner of the activity. 
+
+:::image type="content" source="media/how-to-manage-studio-preview-exp/data-factory-preview-exp-24.png" alt-text="Screenshot of a containerized ForEach activity with option to minimize highlighted in the top right corner.":::
+
+This will shrink the activity size and hide the nested activities. 
+
+:::image type="content" source="media/how-to-manage-studio-preview-exp/data-factory-preview-exp-25.png" alt-text="Screenshot of a minimized ForEach activity.":::
+
+If you have multiple container activities, you can save time by collapsing or expanding all activities at once by right clicking on the canvas. This will bring up the option to hide all nested activities. 
+
+:::image type="content" source="media/how-to-manage-studio-preview-exp/data-factory-preview-exp-26.png" alt-text="Screenshot of the drop-down list on editor canvas with the option to Hide nested activities highlighted.":::
+
+Click **Hide nested activities** to collapse all containerized activities. To expand all the activities, click **Show nested activities**, found in the same list of canvas options. 
+
+:::image type="content" source="media/how-to-manage-studio-preview-exp/data-factory-preview-exp-27.png" alt-text="Screenshot of all minimized nested activities on the canvas.":::
+
 
 ### Monitoring experimental view