Debug a project using the toolbar

The development tools component must be installed before you can use the development toolbar. This toolbar is by default located at the side of your page once a project is started and can be used to debug or inspect the running session. The bar contains a number of menu items which are described in the follow paragraphs.

Table of contents

Reload current project

 This item will allow you to reload the project definition from your current session. This will allow you to quickly test small changes to your model.

Session selector

This functionality is essential when using a dashboard. It is possible to put multiple widgets on a dashboard. By using the session selector, it is possible to switch to a selected widget and inspect its profile or piece of the front-end as decribed in the next paragraphs.

Profile

The profile contains all session data. By selecting this option the toolbar opens bigger and shows more session data.

Instance management

The profile explorer allows you to view and edit all current instances in the session. By clicking on an entity, the values of all attributes are shown in the attribute management. Using the add or delete buttons allows you to manually manipulate the session data (tba).

Attribute management

This option will allow you to manage the current attribute values. You can easily see the source type and see, clear or edit the attribute value(s). 

Evaluate expression

This option will allow you to write and test and expression on live session data. It can evaluate to a selected instance from the instance management, or globally. You may also use the expression evaluator in the Quick test in Encore.

Element explorer

The element explorer displays all elements that are part of the runtime page model. This feature can be very useful to determine if the theme displays all page elements correctly. Turn on the element selection in the toolbar and you can select any item on the page of your session. Its values are then shown in the element explorer. From the selected element you can navigate to its parent or child element in the explorer. Or you can use the selector to view the data of a different item on the page.

Close toolbar

This option allow you to minimize the toolbar to a small button overlayed on your session. Click the button again and the toolbar will open to its normal mode.