View the AUI tree

Inspecting the application user interface (AUI) tree helps you in the debugging and testing of your Genero Web Client for JavaScript (GWC-JS) application.

To view the AUI tree, you need to be in debug mode. If you do not see the Debug Tools menu icon

on the right-hand side of your Web application window, you are not in debug mode. See Configure development environment.

If the GWC-JS is running in debug mode, click on the Debug Tools icon. The GWC-JS Debug tools page opens in a new browser tab. You see the AUI tree of the current application you have open in the GWC-JS browser tab.

Figure 1. Genero Web Client for JavaScript (GWC-JS) AUI Tree
Select a node of the AUI tree.
The properties and values of those properties are shown in the panel to the right.
Close the GWC-JS Debug tools tab to exit the AUI tree.