This article relates to the game Dota 2. Click here for more information.
This article relates to the workshop tools for Dota 2. Click here for more information.
This article's documentation is for Source 2. Click here for more information.


From Valve Developer Community
Jump to: navigation, search

Panorama debugging tool

Panorama has a powerful built-in UI debugging tool inspired by web development tool chains. To open the debugger, press F6, move your mouse over a piece of Panorama UI, and click. The debugger window will open with details of the selected UI and its context. (If you can't click on a panel, for example because it is configured with hittest='false' then it is often possible to click a different part of the UI and then manually navigate to the panel in question in the panel hierarchy.)

There are two main parts of the debugger: the panel hierarchy (on the left) and details about the selected panel (on the right).

Note.png Note: The Panorama debugger is resource-intensive and will significantly effect game performance while it is open.
Note.png Note: As of 2019-08-12, the debugger seems to be, intentionally or not, disabled.
Note.png Note: if the debugger doesn't open by default on windows, right click the window in the task bar and click maximize

Panel Hierarchy

The panel hierarchy shows a complete tree of all panels currently present in the UI.

Panel Details

This part of the debugger will show all of the CSS rules that apply to the panel, and which rule is ultimately determining a given property value. If you mouse-over any CSS property name, a tooltip will show you detailed information about the property and its legal values.

You can also display the final computed values for all panel properties.