I have this bottom panel with many "Views" (tabs like "Console" and "Debug").
They all reside as tabs next to each other in the same container.
I'd like to split it to two - it's possible in Visual Studio.
Here's how it looks like now:
There's a lot of space wasted in the right side as you can see and it would make it a lot easier for me if I could just split this container/panel to two, so some tabs in the left side and some in the right.
For example, I'd like to split the above like this:
Left:
Console
Development Mode
Breakpoints
Servers
Right:
Debug
Variables
Search
Simply grab one of the tabs (like Servers) and drag it towards the left hand side of the stack. You should see rectangle outlines of where the view will go when you drop it. Once you've created another stack to the left, simply drag the other views you want over there and drop them (next to the Servers tab).
Related
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!
I am wondering if it's possible to have a "panel"/view on both sides of my editor in eclipse?
For example, package explorer on the left, editor in the middle (that's the default arrangement) and then to add the debug view on the right. I don't want to split the editor horizontally or vertically but rather to have a whole new panel on the right for the debug.
yes, definitely you can,
first , you have to close whichever window is on the right side, except the editor and then drag the console to the right.I hope this is what you were looking for.
I don't know a way to duplicate the visual code side bar. I would find it useful to be able to open different views at the same time as it happens in eclipse Theila (both share same source code)
Eclipse Theila
See my newer answer at https://stackoverflow.com/a/69329503/836330
You can put another panel on the right, in addition to the Side Bar and Panel. And then drag various views into it.
Put the Panel on the right. Right-click on one of the headers, like "Terminal" and select `Move Panel Right".
Drag your "Outline" header into that right Panel.
I have a nice wide screen, and in VS Code I would like some more room for both my file explorer and my code outline. So it would be nice if I could have two panels with in one the explorer and in the other the outline. Is this possible?
See https://stackoverflow.com/a/69329503/836330 This is in Stable v1.64.
Then View/Appearance/Show Side Panel or use the icon in the upper right as shown in the demo. That will open up a second side panel (on the opposite side of your Side Bar, the Side Bar is the panel which typically holds the Explorer view for example).
You can drag various views like the Outline view into this second "Side Panel".
I'm trying to split my windows so I can have 2 different classes or whatever on 1 screen but it will only split the window of the same class/file/whatever. I've been using netbeans for years and still can't do this.
Is this possible?
You don't specifically mention which version of NetBeans you are using. I'm using version 8, and these instructions work for that version and version 7. I believe it is the same for version 6.
If you want to see two different source files on the screen at the same time (without floating), then open both source files. You will have two tabs in the editing area of the IDE. Click on the tab of one of the source files without releasing the mouse button (and without holding any additional keys), and drag toward either the right side of the editing area, or toward the bottom of the editing area (depending on whether you want them side-by-side or stacked). You will see an orange outline appear once you start dragging. If the orange box encloses the entire editing area, then the IDE thinks you want to reorder the tab. Keep dragging toward the edge (without going over) and eventually you will see the orange box change to fill either the right half or the lower half (or if you drag the other way, the left half or the top half) of the editing area. Releasing the mouse button at this point will drop the source file in that half of the editing area, leaving you with the two source files side-by-side or stacked.
Here's an example of what it looks like when stacking two source files, just before the mouse button is released:
And here is what it looks like after releasing the mouse button:
If you want to have the same source file duplicated on the screen, open the single source file and follow the instructions above, only hold the CTRL key while clicking-and-dragging.
You can repeat this procedure as many times as you want (as is practical for your screen size), so that you end up with source files in several columns, several rows, or any combination thereof.
When you next open a file, it will be opened in the tab group of the currently selected source file. If you end up with a source file opened in the "wrong" tab group, just drag it to where you want it using the procedure above (allowing the orange box to outline the whole tab group area if you want to drop it in as a tab).
Additional screen shots for reference...
Reordering a tab within the same tab group:
Side-By-Side instead of stacked (two images):
Get as crazy as you want...
Create the above by dragging the second file to the lower half, the third file to the right half of the top half, and the fourth file to the right half of the lower half.
At least in netbeans version 8.1, you can ctrl + i and write "move window".
This will allow you to move the window with the arrows, it is the same as some user posted before but using the keyboard instead of the mouse (I prefer keyboard for this kind of things while I am coding).