Add "Custom Layout" topic (#6763)

* scaffold new Custom Layout topic

* Locked editor group basics

Part of #6568

* add a couple of images

* Add Panel alignment section and image

* Add more sections

* Locked editor groups

* Add pinned tab image

* avoid a line break

---------

Co-authored-by: Daniel Imms <[email protected]>

Author: Greg Van Liew

build/sitemap.xml

@@ -270,6 +270,11 @@
         <changefreq>weekly</changefreq>
         <priority>0.8</priority>
     </url>
+    <url>
+        <loc>https://code.visualstudio.com/docs/editor/custom-layout</loc>
+        <changefreq>weekly</changefreq>
+        <priority>0.8</priority>
+    </url>
     <url>
         <loc>https://code.visualstudio.com/docs/sourcecontrol/overview</loc>
         <changefreq>weekly</changefreq>

docs/editor/custom-layout.md

@@ -1,5 +1,5 @@
 ---
-Order: 23
+Order: 24
 Area: editor
 TOCTitle: Port Forwarding
 ContentId: d7a80c88-c091-4d13-9240-d432c12407a7

docs/editor/images/custom-layout/autolockgroup-setting.png

@@ -53,6 +53,10 @@ When you have more than one editor open you can switch between them quickly by h
 
 >**Tip:** You can resize editors and reorder them. Drag and drop the editor title area to reposition or resize the editor.
 
+### Split in group
+
+You can also split the current editor without creating a new editor group with the **View: Split Editor in Group** command (`kb(workbench.action.splitEditorInGroup)`). To learn more about this editor mode and specific commands for navigating between the two sides, you can read the section in [Custom Layout](/docs/editor/custom-layout.md#split-in-group) topic.
+
 ## Minimap
 
 A Minimap (code outline) gives you a high-level overview of your source code, which is useful for quick navigation and code understanding. A file's minimap is shown on the right side of the editor. You can click or drag the shaded area to quickly jump to different sections of your file.
@@ -369,6 +373,7 @@ The `window.restoreWindows` setting tells VS Code how to restore the opened wind
 Now that you know the overall layout of VS Code, start to customize the editor to how you like to work by looking at the following topics:
 
 * [Changing the Theme](/docs/getstarted/themes.md) - Set a Color and/or File Icon theme to your preference.
+* [Custom Layout](/docs/editor/custom-layout.md) - Learn more about VS Code's workbench and editor layout customizations.
 
 ## Common questions