87

How do I remove the box with the 3 icons when debugging?

enter image description here

4
  • 1
    Does anyone know how to just quickly move it temporarily? It is generally useful but occasionally you just want to quickly move it out of the way so you can click the element underneath it. May 11, 2016 at 15:39
  • 2
    @SimonSmith, I have updated my answer below, you can easily toggle the runtime tools via a button in the 'Live Visual Tree' pane in Visual Studio. Jun 2, 2016 at 19:19
  • 1
    FYI, in case you hadn't noticed, you can also minimize the box by clicking the parallel line glyph at the bottom. That will "roll it up" for you. It won't completely disappear that way, but it is useful to access things behind it.
    – kmote
    Feb 8, 2017 at 21:44
  • 1
    Agreed. This thing is a ****ing annoyance.
    – AndyUK
    Nov 16, 2018 at 10:29

3 Answers 3

129

Just simply uncheck Tools -> Options -> Debugging -> General -> Enable UI Debugging Tools for XAML -> Show runtime tools in application.

Screenshot

2
  • 5
    As of VS2019 16.8 this has been moved to Debugging - Hot Reload - Enable in-app toolbar
    – user8104581
    Mar 2, 2021 at 12:41
  • They should add a right click context menu on the damn thing to disable it instead of having it be completely nameless with no tooltip so that you can't even find the option without googling it. Dark UX.
    – John
    Feb 7 at 23:28
36

Just uncheck "Show runtime tools in application"

Settings option to toggle

A quicker alternative can be found in a toggle on the Live Visual Tree pane.

Live Visual Tree pane toggle

0
5

It's moved in VS2022 to Tools -> Debugging here:

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.