May 5th, 2022

Visual Studio on an ultra-wide monitor

Mads Kristensen
Principal Product Manager

A growing number of Visual Studio customers use ultra-wide monitors today. Ultra-wide means wider than a traditional 16:9 widescreen display – usually 3440×1440 or larger resolution. They seem to be gaining popularity among developers and I’m curious how Visual Studio can use all this extra space. So, I asked people on Twitter to send me screenshots of their ultra-wide Visual Studio layouts. Based on those screenshots, I constructed some different layouts that you might find inspiration in for your own ultra-wide setup.

1. Making room for the app

Image clean third

This layout has Visual Studio take up two thirds of the width to the left and the app worked on to the right – in this case an ASP.NET website running in the browser. The vertical tabs give room for extra lines of code and allow plenty of room for documents. Notice how the Error List and Output Window are docked side-by-side at the bottom.

2. Documents in the middle

Image full width

Sometimes you need a lot of tool windows visible during development. This layout places tool windows on both sides of the documents and at the bottom. Still, there’s enough room for two vertical tab groups, so you can have two documents visible simultaneously. Vertical tabs give extra lines of code without compromising the size of the open documents. Some might find all these windows too busy, but I think having all that information visible is a fantastic use of space.

3. Everything in columns

 

Image vertical tool windows

By moving the bottom tool windows to the right there is now plenty of room for two side-by-side documents at full height. This feels clean and comfortable to me. The code is in the center with the supporting tool windows to each side.

4. Distraction free combination

 

Image full screen

This is using layout #2 or #3 as the base and then entering Visual Studio’s full screen mode by hitting Shift+Alt+Enter. That hides all tool windows and toolbars and maximizes the main window, so you can focus on coding. However, you’d probably want Solution Explorer visible too, so show it while in full screen mode by clicking View -> Solution Explorer.

Saved Window Layouts

You can easily switch between various layouts using the Saved Window Layouts feature in Visual Studio. That allows you to save the different layouts and apply them whenever you want. This is helpful when undocking your laptop, or to optimize the layout based on the type of solution you’re working on.

Additional resources

To dive deeper into window management with Windows 11, check out Microsoft PowerToys for Windows. It has a feature called FancyZones that adds extra capabilities to arrange your windows. For an easy way to open files into a new vertical tab group, install the free Tweaks (VS2019, VS2022) extensions for Visual Studio. It provides a command in the context menu of Solution Explorer called Open on the Side.

There’s an open feature request for making vertical/horizontal tab layout save with window layouts. If that’s something you are interested in, please vote and comment on it.

How do you optimize Visual Studio for your ultra-wide monitor? How can we make the experience better? Let us know in the comments below.

Author

Mads Kristensen
Principal Product Manager

Mads Kristensen is a principal program manager on the Visual Studio team and has published over 150 free Visual Studio extensions. He blogs about anything related to Visual Studio and can often be found hosting various shows on the Visual Studio YouTube channel..

18 comments

Discussion is closed. Login to edit/delete existing comments.

  • SuperCoco

    The vast mayority of users with ultrawide monitors set the taskbar to left or to the right, so the first and most important thing is avoiding the limited and unuseable Windows 11 and stick with Windows 10.

    • Adrian Sims

      Mads, would you care to comment on this suggestion as you closed it on developercommunity.visualstudio.com in 2019? I think it is even more valid in 2022 given that:

      1. Wide monitors are becoming much more common and
      2. Visual Studio Code and many other editors support this.

      • Mads KristensenMicrosoft employee Author

        I re-opened it. Thanks for bringing it to my attention

  • Bent Tranberg · Edited

    Why just ultrawide? I have large curved 4K screens on all my stationaries, and I appreciate the ultraheightness more than the ultrawideness. I want to see as much of the documents as possible. The 4K monitors I have - 43" and 55" - are not equivalent to two typical monitors as most people think on first encounter, but four typical monitors - in physical size as well as pixel size.

    There are now 8K screens if...

    Read more
  • John Mowat

    Thank you so much for the tip-off about FancyZones!! I’ve been searching for 3rd party utilities to help with frequently snapping windows among several arrangements, and none have stuck. FancyZones is exactly what I’ve been looking for!

  • Adrian Sims · Edited

    We need better support in Windows itself for this. Windows should have a setting so you can split your monitor into two zones and it should behave EXACTLY as if there were two physical monitors. I know Windows 11 supports different "snaps" on the maximize button (which is a great new feature), but it's still not quite at the level where one wide monitor can replace two. For starters, you should be able to choose...

    Read more
  • Matteo Bagattini

    Here just to represent the 1 screen gang. It may depend on what type of development you're doing (I'm pretty sure I would love more screens if I was developing for the web), but I'm ok with one single wide screen; I've used more in the past, I know the benefits, but I'm more focused with a single one.

    My go-to layout is 3, usually with a single document column, sometimes with two, with a...

    Read more
  • Simon

    I am happy with the various layouts I can create for VS, but the the lack of a drop down list of existing named layouts for saving an update to an existing layout is a pain!

    There should also be a way to set whether a layout should be used as the default for editing, debugging and any other states modes VS currently supports (used to be 4 layouts but not sure if that changed)

    These may...

    Read more
  • Juan Svaikauskas

    You cannot be too good looking or have too much hardware.
    5 monitors FTW!

  • John B

    Vertical scroll space is what I miss on 16:9. Moving bottom-docked panels to their own columns looks like it frees that up nicely on ultra wide.

  • Michael Taylor

    Ultrawide is good and all but it still cannot compete against multiple monitors. I have a 3 monitor system and VS sits on one monitor full screen and the app I'm debugging loads up on another monitor. I can't help but think that first layout with them side by side requires the dev to drag the window each time they start debugging because Windows isn't going to keep it there.

    I also think having the most...

    Read more
    • 旭升 于

      Windows supports subdividing a single monitor into submonitors, GOOD IDEA!

    • Peter Aragon

      Are you perhaps referring to FancyZones?

      • Robert Paulsen

        I’m a huge fanboy of FancyZones. Win11 gives you more options for snapping windows, but nothing beats FancyZones.

      • Dom Finn

        FancyZones is one of the best named utilities ever.

      • Michael Taylor

        If you’re using Powertoys then yes that might work for you. But I don’t use those tools as they cause more problems for me than they solve. As I mentioned multi-monitor solves the problem better than ultra-wide in my opinion right now.