How to Display VS Code output window to side rather than below

Vertical Split:

From VS Code Menu bar:

View >> Appearance >> Move Panel Right 

Version 1.47.0 of VS Code (at the moment of posting this, the latest one) allows you to drag output (or any other panel tab, e.g. terminal) to the activity bar. This way you can obtain output to the side of the editor.

its easy. just right-click on the terminal, select 'move panel right' like in the image below and voila

the image can be found here

Your original link to the view your desire is obsolete, so it is a guess as to what you wanted. But here is a demo of setting up a terminal/output look side-by-side. It is a little tricky - you drag your Outline header over the Terminal header which will then allow you the option of putting it to the left or right of the Terminal:

Just follow the steps mentioned:

In Visual Studio Code -

View Tab > Appearance > Toggle Panel Position

That's it.

as of version 1.51.1 right click in the right corner on the output panel. then select option 'move panel right'

This feature is available from version 1.18.0+

Simply click this icon to dock to the right:

This feature is not available yet in VS Code. However as of today (March 30, 2017) it's on 6 months roadmap so it should be done in a near feature.

I don't believe you can detach/move the output windows in Visual Studio Code. You can move the side bar to the left/right side, but that's it. There is no config option, sorry.

You could try posting a feature request on the GitHub page: https://github.com/Microsoft/vscode

EDIT: This was changed in VS Code 0.10.8, it was once on the side but was moved to the bottom. See this GitHub issue: https://github.com/Microsoft/vscode/issues/2806