Moving Panel in Visual Studio Code to right side

visual-studio-code vscode-settings
1c. picture 1c. · Jan 26, 2017 · Viewed 144.4k times · Source

In Visual Studio Code, panel section is at bottom by default. How do I move it to right side ? For example in the following image ,panel(Section D) is at the bottom, instead I want it to move to the rightside i.e., in the area where README.md editior shown in Editor Groups(Section C). enter image description here

Image Credits: (https://code.visualstudio.com/images/codebasics_hero.png)

Answer

dcastro picture dcastro · Nov 17, 2018

As of October 2018 (version 1.29) the button in @mvvijesh's answer no longer exists.

You now have 2 options. Right click the panel's toolbar (nowhere else on the panel will work) and choose "move panel right/bottom":

Or choose "View: Toggle Panel Position" from the command palette.

Source: VSCode update notes: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu

Related questions

How can I customize the tab-to-space conversion factor?

How do I customize the tab-to-space conversion factor when using Visual Studio Code? For instance, right now in HTML it appears to produce two spaces per press of TAB, but in TypeScript it produces 4.

Read More
How do I use Bash on Windows from the Visual Studio Code integrated terminal?

Visual Studio Code on Windows uses PowerShell by default as the integrated terminal. If you want to use Bash from Visual Studio Code, what steps should be followed?

Read More
Vertical rulers in Visual Studio Code

How can vertical rulers (note the plural) be configured in Visual Studio Code? In Sublime Text 2 I can do "rulers": [72, 80, 100, 120] How does this work in Visual Studio? "editor.ruler": 80 produces only one vertical ruler.

Read More