Recently in VS Code, somewhere around v1.42 or v1.43, we gained the ability to move around the following windows/panels that used to be stuck in the panel:
Terminal
Output
Debug Console
Problems
They could be split into multiple items in the panel itself (side-by-side or top/bottom, depending on whether the panel was at the bottom or left/right), and even dragged into the side-bar.
This was great, but after moving all of these windows to the side-bar while experimenting, I can't find any way to move them back into the panel. The panel is now empty, except for 3 dots (an ellipsis) in the upper left corner. You can still hide/show the panel, and move it left, bottom, or right, but there is nothing in it, and you can't drag anything to it. Dragging the terminal into the panel shows an icon that looks like it will successfully move (it's not the icon with the circle/cross-out you get other places it won't drop), but when releasing the click-drag, nothing happens.
I had just upgraded to v1.45.0 when this happened. It appears to be a defect, unless I'm missing something. Does anyone have a way to put the terminal or one of these other windows back in the panel, or reset their position? I combed the settings, and tried to find default setting's files (system or user) that might hold info on what is in the panel vs. the sidebar, etc., but couldn't find anything via search or on my PC. Any ideas?
Note: This is NOT about moving the panel between the left/right/bottom positions, or selecting the terminal/output/etc. in the panel itself. That's "old news", this is a recent feature.
Here is a view with the Terminal, Output, Debug Console, and Problems put at the top of the sidebar toolbar, and Terminal focused. The Panel is just to the right of the sidebar window, set to the "left" position, completely blank and useless. The "welcome" window on the far right side:
And here are my current settings:
See this issue https://github.com/microsoft/vscode/issues/96117 (Empty panel behaves weird)
Suggested fix:
Run the command View: Reset View Locations in the command palette.
Please see: https://www.technipages.com/visual-studio-reset-window-layout
Menu Window / Reset Window Layout worked for me in VS 2019
Related
I moved my terminal window out of the bottom panel on VSCode where it used to sit next to problems, output, debug console, etc. to the side panel on the right.
I want it to go back to where it used to be as default at the bottom as I've artistically drawn in the photo. Please could someone help me do this? I have tried Google and playing with the appearance settings.
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
Is it possible to get tabs instead of the select list when using multiple terminals from the "integrated terminal" window?
Terminal "tabs" appear to be coming to v1.56. See Terminal Tabs release notes. They are vertical tabs - always visible, if you want, in a resizable view to the left or right. Not like traditional tabs across the top like a browser though.
Tabs in the terminal [are] available as a preview feature and can be
enabled with the following setting:
"terminal.integrated.tabs.enabled": true
The tabs view is a split pane to the right of two split terminals. It
contains icons and labels for each terminal instance.
When enabled, the new tabs view will only show by default when there
is at least 2 terminals.
We've tried to mostly align how the new tabs behave with how the
explorer works, here are some of the other behaviors:
Double clicking the empty space will create a new terminal.
Double clicking the sash will toggle the tabs view width between the "ideal" size which displays all the titles without truncating and a
narrow view that shows only the icons.
The tabs can be moved to the left side using the terminal.integrated.tabs.location setting.
Various other configuration settings available under terminal.integrated.tabs.
Terminal Statuses
Along with tabs, we have introduced the concept of statuses to the
terminal. A terminal can have many statuses, each of which represents
a state the terminal can be in temporarily, with the highest severity
one being displayed next to the tab. Status icons appear to the right
of the terminal title in the tabs view. On hover, details of the
status and any associated actions are presented.
On a tab associated with a terminal that requires a relaunch, a
yellow triangle with an exclamation mark is to the right of the
terminal title.
For now, these states are supported:
Relaunch needed: A warning icon status is used if extensions want to change a terminal's environment.
Disconnected: A plug icon status is used when the terminal loses its connection with its process.
Bell: A bell icon appears when the bell is enabled via the terminal.integrated.enableBell setting and the terminal bell
triggers.
We plan to support task states soon so that task run status is
available at a glance even without activating the tab.
And more at the link. From the Insiders Build:
NO EXTENSION REQUIRED, as docs say:
Ctrl+Shift+5
If enough space, you can press it multiple times. However, as always, extensions might be more sophisticated for the job.
They are called "Terminal Tabs" and you can un-check them to turn them off. Go to your VS code setting User->Features->Terminal and look for the section called "Integrated > Tabs:Enabled" and un-check it.
Requested by the community in https://github.com/Microsoft/vscode/issues/10546
Added in release 1.57 (https://github.com/microsoft/vscode/releases)
There is an extension that does this by adding tabs to the status bar: https://marketplace.visualstudio.com/items?itemName=Tyriar.terminal-tabs
I must have pressed a wrong combination of keys with my crooked fingers which caused the version control tab to disappear from the sidebar.
Then I found source control tab somewhere in VSCode, dragged it into the sidebar, it shows the changes, however, the icon is completely different and also it doesn't show the number of current changes.
What happened?
In the below screenshot the yellow icon is what I have for SCM now.
Thanks 🤞
I had to use the View: Reset View Locations command to solve this problem in Visual Studio Code version 1.47 (macOS - Catalina).
To do this, just press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Linux/Windows), type workbench.action.resetViewLocations, then press Enter.
Release notes - May 2020 (version 1.46)
As #rioV8 commented - what solved it for me was to right click on the icon and click "Reset Location"
I am not sure what you actually dragged to the activity bar vscode is really modular in this way; hard to say without being there, but you can re-enable SCM button.
Even if you use the short cut to open the source control view (CTRL + SHIFT + G, it will disappear again after you focus out of it (when it's not enabled).
To re-enable it, right-click anywhere on the Activity Bar and select 'Source Control'
From version 1.46 it is now possible to drag and drop panels and views
If a panel/view is not in a spot you want and you want it back in its original place you can Right Click on the panel/view header and choose Reset Location.
Try right clicking on the bar and you should see a menu like the one below
recheck the source control and the icon should appear.
For people who applied the methods above but still could not see the source control panel where you could jump to editted files quickly but only the side bar, here is the way you can fix it:
After you have got the source control panel appeared, right click any available tabs you have inside the panel, such as commits, file history, branches etc. Then make sure you chose the Source Control.
If the "Source Control" panel is not on the side/activity bar or dissapeared for some reason, you check it on the "Explorer" panel. If you don't see it on the Explorer list, you can find it on the top right menu of the explorer panel. You can just check it and then it appears on the Explorer panel list.
Then you can just drag the Source Control panel and drop it on the side/activity bar. It gets back to its original place.
Finally!!!
As of vscode v1.75 you can reset all the view locations from the Layout Control button near the upper right:
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!