201
votes

When I debug my application in Microsoft Visual Studio 2015 Update 2, and I open a custom wpf dialog I get some extra debugging options in a black square. See image blow.

enter image description here

How do I disable that?

This first icon says "Go To Live Visual Tree". The second icon says "Enable Selection". The third icon says "Display Layout Adorners".

5

5 Answers

266
votes

Try unchecking this option: Tools –> Options –> Debugging –> General –> Enable UI Debugging Tools for XAML.

Though you still might consider leaving it on and using it to your advantage.

124
votes

After having the same question and finding the answer here, I also discovered that it can be toggled from the Live Visual Tree window.

While debugging, Debug (menu) -> Windows -> Live Visual Tree

The first icon (Show runtime tools in application) will toggle it.

Show runtime tools in application

21
votes

Instead of turning mine off entirely, I've taken to collapsing it most of the time. There are still times when it's entirely useful, and the collapsed version does a nice job of providing only minimal UI usage. To collapse it, click on the horizontal bar:

enter image description here

To restore it, simply click the bar again.

17
votes

I realise that this is an old question, but there is an additional option that no one has mentioned. Rather than turning this useful functionality off completely, we can enable the functionality, but just remove the annoying runtime tools from appearing at the top of our applications:

enter image description here

This option can be unchecked at the following location:

Tools > Options > Debugging > General > Enable UI Debugging Tools for XAML > Show runtime tools in the application

6
votes

It has been moved to

Tools > Options > Debugging > Hot Reload > Enable in-app toolbar