I don't understand the change of the panel not being where it's supposed to be.
Suddenly, pressing command+J opens the panel at the bottom of the screen, instead of to the right. I have not changed anything in my settings, although this error message seems to have turned up in my settings since the last update;
Workbench › Panel: Default Location
With the introduction of the side panel, the panel position is no
longer able to be moved in favor of moving view containers between
the panels.
Googling this does not give me any results. What does it mean?! What side panel, if not THE side panel (which is now a bottom panel) are they talking about?
See https://github.com/microsoft/vscode/issues/141349#issuecomment-1033046397 for an update on the changes made in v1.64 on this issue and inclusion in the recovery build soon.
The recovery build is out:
In v1.64.2 which hasbeen released. Put the Side Bar on the right and use the command View: Move Panel Right (or Left or Bottom). In one workspace with the setting Workbench > Panel: Default Location : right it put the Panel to the right of the Side Bar (so far right) but triggering the command fixed that. Editor | Terminal (Panel) | Side Bar. And working if put on the left too.
With the Recovey Build mentioned above, the following answer is largely "deprecated". I'll leave it for historical purposes.
This behaviour, of moving the Panel to the bottom despite your panelLocation setting is the result of the new Side Panel coming to Stable v1.64. The olde workbench.panel.defaultLocation setting has been deprecated and the Panel will remain at the bottom despite the defaultLocation setting. [Apparently, "deprecated" in this case means ignored.]
But, now you can have the traditional Side Bar on one side, the new Side Panel on the opposite side and the Panel on the bottom. Or turn off any of those.
Replacing Panel Location
As mentioned above, the new Side Panel provides similar functionality
as moving the Panel to the left or right, yet improves on this by not
forcing the move of the original panel. Along with view drag and drop
between panels, the new Side Panel is replacing the option to move the
bottom Panel.
In light of that, we have deprecated the
workbench.panel.defaultLocation setting as well as the Move Panel...
commands in favor of similar commands Move Views From Panel To Side
Panel (workbench.action.movePanelToSidePanel) and Move Views From
Side Panel To Panel (workbench.action.moveSidePanelToPanel). The old
commands will remap to the appropriate new command providing the
similiar behavior. Though, we recommend updating your keybindings to
the new commands.
See more here: Release Notes: New Side Panel
I deleted all the menu items from the Window NSMenu except Minimize and Bring All to Front. However, when I run the app, three more menu items get added: Move Window to Left Side of Screen, Move Window to Right Side of Screen and Enter Full Screen. How do I remove these menu items? Has it got something to do with the attribute inspector of my Window (just a guess)?
For reference:
Problem: Detaching the Outline section from Explorer and moving it to the right side.
Tried: right-clicking, changing the settings - cannot find where and how the Outline section be detached from Explorer.
Question: is it possible to detach the Outline Panel from Explorer Panel?
Is there another extension, which the same functionality as Outline, which could be placed on the right side?
Thank you!
This should be supported directly in VSCode 1.64 (Jan. 2022), with the new side panel.
New Side Panel
This milestone, we introduce the Side Panel, a new surface in the workbench to house views from the Side Bar or the bottom Panel appearing opposite the Side Bar.
Unlike the historical ability to move the bottom Panel to the left or the right of the editor, the new Side Panel works in addition to the bottom Panel so you can see more sets of views at once.
To use the Side Panel, you'll need to move some views over to it.
Based on one of our most upvoted feature requests, you might want to move Outline from the Side Bar to Side Panel.
You can do this by dragging and dropping the view into the Side Panel.
If the Side Panel is not open, just like the bottom Panel, dragging a view to the edge of the editor area, will pop it open.
Alternatively, you can use the Move View command for something more keyboard friendly.
Moving Outline View to the Side Panel:
Yes you can, click on the Outline Title Bar and you can move it to any other panel, even the bottom Problems/Terminal panel.
You don't need any special extension for it. Almost all panels can be moved around in VSCode
You cannot have a Floating Window however.
You also Cannot have Two Sidebars
If you want to have the sidebar to the right go to View - Appearance - Move Side Bar Right
As of now, no you cannot have two sidebars, this is the issue tracking that feature.
I can suggest an alternative, you can move the outline to the bottom panel, where the terminal is so that you can have both at the same time but just not as a sidebar.
like this:
or like this but attaching two Bottom Panel tabs together.
Here is a Demo on how to do it
So after a lot of searching, I finally came up with my own solution. Apologies in advance for the poor screenshot quality. I used Microsoft's Steps Recording not realizing the image compression would be so poor.
First, open up a new terminal (Ctrl+Shift+`)
Make sure that the terminal tab is active in the panel. Right click the terminal name on the right-hand side and select "Move into editor area.
"
You can then right-click the now-tabbed Terminal in your editor space and select "Split down."
Your editor should look like the image below. However, we're not done yet! Here's where the magic happens. Open another terminal.
Things will look weird but this is going to work.
Click the "Outline" header in the sidebar and drag it into the bottom terminal panel:
Sidebar > (Outline) > Terminal Panel
Next, right-click on the tab bar of the bottom panel and select "Move Panel Right"
Et voila! You should how have a sidebar on the left, and Outline on the right, and a Terminal on the bottom!
It's at the bottom by default.
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).
Image Credits: (https://code.visualstudio.com/images/codebasics_hero.png)
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
For people looking for an answer (on how to move the side panel):
You can press
ctrl + , (Or cmd + , on OSX)
and add the following option to your user settings JSON file:
"workbench.sideBar.location": "right"
I'm using Visual Studio Code v1.24.0 on a Mac.
By default, the Panel will appear on the bottom (You can change the default as well. Please refer to #Forres' answer: Moving Panel in Visual Studio Code to right side)
Here's the bottom/right toggle button for VS Code Panel:
Once I click on this button, the Panel moves to the right.
Moving it back is a little tricky though. As you can see, some of the buttons are hidden. This is because the width of the panel when it's aligned right is too small. We need to expand the column to see all the buttons.
This is how it'll look upon expansion:
Now, if you want to move the Panel back to the bottom, click on the toggle bottom/top button again.
Click menu option View > Appearance > Move Side Bar Right or in settings.json:
"workbench.panel.defaultLocation": "right"
In version 1.55.2.
Go to View --> Appearance --> Move Panel Right
Click menu option View > Appearance > Move to Side Bar Right. Once side bar moves to right, option "Move Side Bar Right" changes to "Move to Side Bar Left".
As of June 2019 this setting can be found through searching 'Panel' - if you want to change the default there is an option for it as shown in the screenshot:
For Visual Studio Code v1.31.1, you can toggle the panel session via the View menu.
Go to the View Menu.
Via the Appearance option, click on Toggle Panel Position
Hope this will help someone.
-> open to keyboard shortcut
-> search for "workbench.action.togglePanelPosition"
-> assign your desired shortcut
I've assigned keybinding "cmd+`"
{
"key": "cmd+`",
"command": "workbench.action.togglePanelPosition"
}
now I can toggle the terminal by pressing "cmd + `"
VSCode 1.42 (January 2020) introduces:
Panel on the left/right
The panel can now be moved to the left side of the editor with the setting:
"workbench.panel.defaultLocation": "left"
This removes the command View: Toggle Panel Position (workbench.action.togglePanelPosition) in favor of the following new commands:
View: Move Panel Left (workbench.action.positionPanelLeft)
View: Move Panel Right (workbench.action.positionPanelRight)
View: Move Panel To Bottom (workbench.action.positionPanelBottom)
You can do the same in insider's edition, There is an option on right top corner to switch to the panel to sidebar https://code.visualstudio.com/insiders/
terminal at the bottom side
terminal at the right side
With v1.64.2 they have brought back the command View: Move Panel Right (or Left). You can put the Panel (which typically has the Terminal/Output/etc. in it) as a vertical column on the left or right side - next to the Side Bar or Side Panel if you wish.
They are working on a fix for the change wrought by v1.64, should be in Insiders v1.65 02/08/2022.
Just use the View: Move Panel Right/Left/Bottom command from the Command Palette.
[Outdated answer, see above.]
As of Stable v1.64 the setting "Wokbench.panel.defaultLocation": "right" will no longer work.
Replacing Panel Location
As mentioned above, the new Side Panel provides similar functionality
as moving the Panel to the left or right, yet improves on this by not
forcing the move of the original panel. Along with view drag and drop
between panels, the new Side Panel is replacing the option to move the
bottom Panel.
In light of that, we have deprecated the
workbench.panel.defaultLocation setting as well as the Move Panel...
commands in favor of similar commands Move Views From Panel To Side
Panel (workbench.action.movePanelToSidePanel) and Move Views From
Side Panel To Panel (workbench.action.moveSidePanelToPanel). The old
commands will remap to the appropriate new command providing the
similiar behavior. Though, we recommend updating your keybindings to
the new commands.
from https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_64.md#replacing-panel-location
This is in favor of using the new Side Panel, which can be in addition to the previous Side Bar (where the Explorer, SCM views traditionally are) and the Panel (where Terminal, Output, etc. traditionally are). So you can have 3 panel-types of views. See more at the v1.64 Release Notes: https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_64.md#new-side-panel
This answer is for people that just want their terminal on the right side (shown above), and don't care about the panel.
Show vscode's Command Palette with keyboard shortcut command + shift + p or ctrl + shift + p
Type in "terminal editor"
Choose option that says Terminal: Create New Terminal in Editor Area to the Side
I don't know since which version it change but the 1.11.2 has an option in View tab which can change the left bar to the right and vice versa
"Wokbench.panel.defaultLocation": "right"
Open settings using CTRL+., search for terminal and you should see this setting at the top. From the drop down below the settings explanation, choose right. See the screenshot below.
As sample as this from the GUI. View->Appearance->Move Side Bar Right
"workbench.panel.defaultLocation": "right",
Go to Command Palette from the wheel icon on the bottom left --> search and enter "settings" menu --> search "panel" in the search bar --> Select Default location as "right" instead of the "bottom".
Reload VS Code, and you're good to go.
By default, ⌘J toggles the (bottom) panel. If all your views are on the side panel, make ⌘J toggle the side panel by doing:
Code > Preferences > Keyboard Shortcuts > "Command+J" > Right-click > Remove Keybinding
Code > Preferences > Keyboard Shortcuts > View: Toggle Side Panel > Add Keybinding > ⌘J
Go to view, then appearence. Then select move panel bottom.
The panel opens on the right by default.
Note that this setting needs to be in a new folder to take effect.
If VSCode has opened the folder before, the panel will still use the old location.
"workbench.panel.defaultLocation": "right",
In below screenshot "package explorer" overlays "servers" tab. How can I position it so that it appears adjacent to "Server" tab instead of overlaying it ?
You've "detached" the Package Explorer panel into a separate top-level window. You need to drag its tab back into the main container window and Eclipse will show guidelines as you drag it around to indicate where it will be placed when you release the drag click (drop it).
Dragging the entire tab did not work for me. I needed to hover the mouse pointer of the text for the tab in question and drag it to the new location.
For example hover the pointer over the "JUnit" text within the tab before dragging :