GBC 1.00
How do I …
Compile & Deploy
Create a runtime zip Deploy on GAS Deploy on JGAS Change the version customization suffix
Manage themes
Add a theme part Add a theme Modify a theme Delete a theme
Customize the UI Replace an image
Change the favicon Change background image for empty tabbed container
Customize theme variables
Display or hide the sidebar Customize the chromebar Change checkbox icons Display the Genero context menu Change relog prompt
Customize style sheets
Center progress indicator icon Center file loading icon
Customize using widgets
Add header image Add header image using style class Add header text Add footer text Change file loading icon Redirect application end Extend the MainContainerWidget
Debug
Start in Debug Mode Record a GBC log Replay a GBC log View the AUI tree
Internationalize my app
Add localized text Configure right-to-left languages Customize translation text Default encoding
View the AUI tree

Inspecting the application user interface (AUI) tree helps you in the debugging and testing of your Genero Browser Client (GBC) application.

Prerequisite

To view the AUI 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: 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, is no longer displayed:

  Are you sure you want to leave this page?
  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 tree of the current application you have open in the GBC browser tab.

Genero Browser Client AUI tree view

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

  1. Select a node of the AUI 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.

  2. Close the GBC Debug tools tab to exit the AUI tree.