May 5th, 2022
heart2 reactions

Visual Studio on an ultra-wide monitor

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 Product Manager at Microsoft, working to enhance productivity and usability in Visual Studio. He’s behind popular extensions like Web Essentials and File Nesting and is active in the open-source community. A frequent speaker, Mads is dedicated to making Visual Studio the most enjoyable IDE for developers.

18 comments

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

Sort by :
  • 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 4K isn't enough. The problem is that nobody makes any curved 8K. Even a 4K (or wide) is annoying if not curved.

    Unfortunately it seems nobody...

    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!