chore: update window position docs content

Author: Tsvetomir-Hr

components/window/position.md

@@ -14,8 +14,10 @@ The Window offers several ways to control its position:
 
 * [`ContainmentSelector` parameter](#containmentselector)
 * [`Top` and `Left` parameters](#top-and-left)
+* [Centered Window](#center)
+* [Positions Example](#example)
 
-The Window renders [in the root of the application](slug:window-overview#important-notes) or in its [containment element](#containmentselector). If the app is using special CSS positioning, margins, or other offsets on the Window ancestors, these CSS styles may [affect the position of the Window](slug:troubleshooting-general-issues#wrong-popup-position).
+The Window renders [in the root of the application](slug:window-overview#important-notes) or in its [containment element](#containmentselector). If the application is using special CSS positioning, margins, or other offsets on the Window ancestors, these CSS styles may [affect the position of the Window](slug:troubleshooting-general-issues#wrong-popup-position). However, if `Top` and `Left` parameters are not defined or equal to `string.Empty`, the Telerik Window will be positioned at the center of the viewport by default.
 
 ## ContainmentSelector
 
@@ -60,11 +62,17 @@ In this case, the Window will render inside the specified container and not as a
 
 ## Top and Left
 
-The `Top` and `Left` parameters control the Window placement on the page. The resulting position depends on the whole page content and not on the viewport or the current scroll offset.
+The `Top` and `Left` parameters control the Window placement on the page. The resulting position depends on the whole page content and not on the viewport or the current scroll offset. To see the parameters in action, refer to the [example](#example) below.
 
 When the [Window `ContainmentSelector` parameter is set](#containmentselector), the `Top` and `Left` parameters apply with regard to the top-left corner of the containment element.
 
->caption Using Top and Left to manage the Window position
+## Center
+
+ The Telerik Window is automatically centered when the `Top` and `Left` parameters are not set or are explicitly set to `string.Empty`. This ensures the Window appears in the middle of the viewport by default. To see this behavior in action, refer to the [example](#example) below.
+
+## Example
+
+>caption Use Top and Left to manage the Window position
 
 ````RAZOR
 <p>
@@ -76,17 +84,27 @@ When the [Window `ContainmentSelector` parameter is set](#containmentselector),
 <TelerikWindow @bind-Left="@WindowLeft"
                @bind-Top="@WindowTop"
                Visible="true"
-               Width="300px">
+               Width="300px"
+               @ref="@WindowRef">
     <WindowTitle>Window</WindowTitle>
     <WindowContent>
-        The values of <code>WindowLeft</code> and <code>WindowTop</code> change after the user ends dragging or resizing.
+        The values of <code>WindowLeft</code> and <code>WindowTop</code> change after the user ends dragging, resizing or centering the window.
     </WindowContent>
+    <WindowFooter>
+        <TelerikButton OnClick="@CenterWindow">Center Window</TelerikButton>
+    </WindowFooter>
 </TelerikWindow>
 
 @code {
+    private TelerikWindow WindowRef { get; set; }
     private string WindowLeft { get; set; } = "50px";
-
     private string WindowTop { get; set; } = "50px";
+
+    private void CenterWindow()
+    {
+        WindowLeft = WindowTop = string.Empty;
+        WindowRef.Refresh();
+    }
 }
 ````