8.6 Runtime Developer Toolbar

When you run a desktop application from Application Builder, the Runtime Developer toolbar displays at the bottom of any editable running page. Use the Developer toolbar to quickly edit the current application or currently running page, or view session state. The Runtime Developer toolbar only displays if the Availability, Status attribute on the Application Definition page is set to Available with Developer Toolbar.

Description of dev_toolbar.png follows
Description of the illustration ''dev_toolbar.png''


The Runtime Developer toolbar does not display on locked packaged applications pages or on jQuery Mobile Smartphone pages.

The Runtime Developer toolbar consists of the following controls:

  • Home links to the Workspace home page. See "Understanding the Workspace Home Page."

  • Application links to the Application home page. See "Using the Application Builder Home Page."

  • Edit Page displays the currently running page ID. The View that appears depends upon your current preference. See "Understanding the Difference Between Page Designer and Component View."

  • Session links you to session state information for the current page. See "Viewing Session State."

  • View Debug displays the Debug reports. See "Debugging an Application."

  • Debug toggles the page between Debug and No Debug mode. See "Utilizing Debug Mode".

  • Show Grid toggles between Show Grid and Hide Grid. This option only applies if a grid layout is used and that layout supports showing a grid and the page has more than one column.

  • Quick Edit enables developers to enter Quick Edit mode and then select the desired component to instantly access that component in Page Designer. Press ESCAPE or click outside a component to exit quick edit mode.

  • Theme Roller enables developers to easily customize the appearance of an application by selecting colors from color picker and setting values. Only displays for themes supporting Theme Roller. See "Using Theme Styles."

  • Developer Toolbar Options displays on the far right and resembles a mechanical gear. You can customize how the Developer Toolbar displays by using the following controls:

    • Auto Hide

    • Show Icons Only

    • Display Position (Top, Left, Bottom, Right)