Visual Studio Tips and Tricks: Enhanced Scroll Bar

Preview and identify code faster with the enhanced scroll bar feature added in Visual Studio 2013

Find more Visual Studio tips and tricks here

Fans of Sublime will be happy to see new feature in Visual Studio 2013. The enhanced scroll bar highlights and previews code in your file. This post will cover

  • Highlighting code with the enhanced scroll bar
  • Previewing code with the enhanced scroll bar
  • How to get Visual Studio 2013

Highlighting code with the enhanced scroll bar

Take a look at the following screenshot from Visual Studio 2013, notice the different color indicators in the scroll bar. These indicators highlight different points of significance in my code.

Visual Studio 2013 Enhanced Scrollbar

When you make changes to your code, the scrollbar highlights the locations of your modified code using yellow

image

Locations of breakpoints are highlighted with purple.

image

Locations of compilation errors are highlighted with red

image

The current cursor location is highlighted with a bar.

image

Previewing code with the enhanced scroll bar

By default when you install Visual Studio 2013, the scroll bar is in bar mode. If you want to preview code with the scroll bar you must change it to map mode. To change the scroll bar mode, right click on the scroll bar itself and choose Scroll Bar Options from the context menu. You could also locate the scroll bar settings by typing “scroll bar” in the Quick Launch, or by navigating to Tools | Options | Text Editor | All Languages | Scroll Bars from the menu.

To see a preview of code using the scroll bar change the behavior from “Use bar mode for vertical scroll bar” to “Use map mode for vertical scroll bar”

image

In map mode, the scrollbar shows thumbnails of the code, and if you hover over the a portion of the scrollbar, you see a preview of the code at that location.image

You can control the width of the scrollbar in map mode by changing the Source Overview in the scroll bar settings. Turning off the Show Preview Tooltip setting would turn off the code preview that appears when you hover over the scrollbar.

image

Yet another reason to upgrade to Visual Studio 2013!

Where can I get Visual Studio 2013?

The enhanced scroll bar is a new feature in Visual Studio 2013. So if you haven't downloaded a copy yet. You can download it and start exploring today.