Review dockable pane

Author: quinntracy

content/en/docs/apidocs-mxsdk/apidocs/studio-pro-11/extensibility-api/csharp/extensibility-api-howtos/create-dockable-pane.md

@@ -7,14 +7,18 @@ weight: 5
 
 ## Introduction
 
-This how-to describes how you can add a custom dockable web pane window to Studio Pro. Before you start this how-to, it is recommended to [Create a Menu Extension Using C#](/apidocs-mxsdk/apidocs/csharp-extensibility-api-11/create-menu-extension/) first.
+This how-to describes how to add a custom dockable web pane window to Studio Pro. 
 
 You can download the example in this how-to in [this GitHub repository](https://github.com/mendix/ExtensionAPI-Samples).
 
+## Prerequisites
+
+Before you start this how-to, it is recommended to [Create a Menu Extension Using C#](/apidocs-mxsdk/apidocs/csharp-extensibility-api-11/create-menu-extension/) first.
+
 ## Creating a Dockable Pane Extension Class
 
-1. Open the project that you previously created when you followed [Create a Menu Extension Using C#](/apidocs-mxsdk/apidocs/csharp-extensibility-api-11/create-menu-extension/).
-2. Add a new class to the project and name it `MyDockablePaneExtension.cs`.
+1. Open the project you previously created by following [Create a Menu Extension Using C#](/apidocs-mxsdk/apidocs/csharp-extensibility-api-11/create-menu-extension/).
+2. Add a new class to the project named `MyDockablePaneExtension.cs`.
 3. Replace the code in the file with the following code:
 
     ```csharp
@@ -33,13 +37,13 @@ You can download the example in this how-to in [this GitHub repository](https://
     }
     ```
 
-## The View Model for the Extension Tab
+## Creating The View Model for the Extension Tab
 
-The dockable pane will have content, and this content comes in the form of a view model. The view model is an implementation of `WebViewDockablePaneViewModel`. 
+The dockable pane has content, which is provided through a view model. The view model is an implementation of `WebViewDockablePaneViewModel`. 
 
-You need to override the `InitWebView` method in which you can set up the content of your web view inside the dockable pane. In this example, it will contain the home page of `http://mendix.com`.
+Override the `InitWebView` method, where you can set up the content of your web view inside the dockable pane. In this example, it contains the`http://mendix.com` home page.
 
-Below is a small example code of the view model:
+Below is a code example of the view model:
 
 ```csharp
 using Mendix.StudioPro.ExtensionsAPI.UI.DockablePane;
@@ -57,7 +61,12 @@ public class MyDockablePaneExtensionWebViewModel(string homePage) : WebViewDocka
 {{% snippet file="/static/_includes/apidocs-mxsdk/warning-wwwroot.md" %}}
 {{% /alert %}}
 
-The code above creates a new web-enabled tab view. You still need a way to show the new dockable pane. To do so, you need to modify the menu extension you added when you followed [Create a Menu Extension Using C#](/apidocs-mxsdk/apidocs/csharp-extensibility-api-11/create-menu-extension/). Simple replace the existing content of `MyMenuExtension.cs` with the following code:
+## Displaying the Pane Through a Menu
+
+To show the new dockable pane, modify the extension you created when following [Create a Menu Extension Using C#](/apidocs-mxsdk/apidocs/csharp-extensibility-api-11/create-menu-extension/). 
+
+1. Open `MyMenuExtension.cs`.
+2. Replace its contents with the following code:
 
 ```csharp
 using System.ComponentModel.Composition;
@@ -77,17 +86,18 @@ public class MyMenuExtension(IDockingWindowService dockingWindowService, IMessag
 }
 ```
 
-The code above introduces a few new concepts.
+The code above introduces the following concepts:
 
-Firstly, you inject the `IDockingWindowService` so that you can open a new dockable pane.
+* The `IDockingWindowService` is injected to allow opening the dockable pane
+* A new menu item named **Open My Dockable Pane** is added to trigger the pane using the `IDockingWindow` service
 
-Secondly, you add a new menu item with the caption **Open My Dockable Pane** that you will use to open your new dockable pane using the `IDockingWindow` service that you have injected.
+Once you have made these changes, build your project. If you have opted to not automatically copy the output to the destination folder, manually copy the bin output from your project to your extension folder you created when you followed the [Create a Menu Extension Using C#](/apidocs-mxsdk/apidocs/csharp-extensibility-api-11/create-menu-extension/) process.
 
-In order for the changes to reflect, you need to build your project. If you have opted to not automatically copy the output to the destination folder, then you will also need to manually copy the bin output from your project to your extension folder you created when you followed [Create a Menu Extension Using C#](/apidocs-mxsdk/apidocs/csharp-extensibility-api-11/create-menu-extension/).
+## Showing a Dockable Pane Without a Custom Menu
 
-## Showing a Dockable Pane Without Adding a Custom Menu
+If you prefer to not add a separate menu item to open the docking pane, you can override the `ViewMenuCaption` property in the `DockablePaneExtension` implementation. 
 
-Instead of adding a separate menu to open the docking pane, you can override the `ViewMenuCaption` property in the implementation of the `DockablePaneExtension`. This means that the menu that opens will be placed under the `View` top-level menu in Studio Pro and will have the caption provided. There is no need for a separate `MenuExtension` in this case.
+This places the menu under the `View` top-level menu in Studio Pro and using the caption provided. In this case, you do not need a separate `MenuExtension` class.
 
 ```csharp
 public override string? ViewMenuCaption => "My pane without custom menu";