View the AUI tree

Inspecting the application user interface (AUI) tree helps you to debug and test your Genero Browser Client (GBC) application.

Before you begin

To view the AUI debug tree, you need first to run the GAS by executing the following command:

$ httpdispatch -E res.uaproxy.param=--development

This forces the GBC into debug mode.

Warning:

Running an application in debug mode may effect the behavior of the GBC in the browser. For example, the prompt that is usually displayed when the user presses the browser's back button (Are you sure you want to leave this page?) is no longer displayed.

  1. Enter the application URL in your browser.
  2. Click on the Debug Tools icon (on the right-hand side of your web application window).

    The GBC Debug tools page opens in a new browser tab. You see the AUI debug tree of the current application you have open in the GBC browser tab.

    Figure: Debug AUI tree


    The GBC Debug tools page updates automatically as you navigate your application in the application tab.

  3. Select a node of the AUI debug tree to work with.
    The properties and values of those properties are shown in the panel to the right. Selecting the Enable persistent debug grid in the Debug Tools page highlights your node selection in the application tab.
  4. Close the GBC Debug tools tab to exit the AUI debug tree.