Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

...

Table of Contents

Subpages

Children Display

...

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.

...

Main

...

Debug

...

features

...

Rule graph XML 

This option will display the Rule Graph XML. This file displays which inference rules and validation rules where used to determine or validate an attribute value.

Portal State XML

This option will display the Portal State XML. This file contains the current flow path including transactions.

Page source

If you are interested in the JSON response of the MVC UI, then you can do the following:

...

titleRetrieve JSON Response In Chrome

Reload current project

 This menu will allow you to reload your project. This will

When a flow is started, press F12 to start DevTools. Click Network, XHR. Press F5 to reload the current page. You will see something similar as below. Look for an entry that does a POST, and has a GUID as name. By clicking on it you get the JSON response.

Image Removed

Expand
titleRetrieve JSON Response in Firefox

Install the Firebug extension for Firefox. When a flow is started, press F12 to start FireBug. Click Network, XHR. To start clean, press Clear. Press F5 to reload the current page. You will see something similar as below. Look for an entry that does a POST, and has a GUID as name. By clicking on it you get the JSON response.

Image Removed

Recompose page

This menu will recompose the page. Combined with reload current project this will allow you to quickly test small changes to your model.

Info

Please note this option does not always work in combination with complex changes.

View log

...

,

...

for instance in your domain model.

End session

Clicking the button will end the main session. When developing your application we recommend using this function over closing the browsertab, as just closing the tab will still keep the session alive on the server untill the time out occurs. All open sessions take up memory on the server and this may result in a (temporary) decline of performance.

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.

Info

This is the log file for the server that runs the project, when multiple users are logged in it contains the log for actions for all these users.

Reset UIs

This menu will reload your custom themes. This will allow you to quickly make changes to your model.

Session

This menu allows you to influence the active session. The following features are available.

Reload current project

 This menu will allow you to reload your project. Combined with recompose page this will allow you to quickly test small changes to your model.

Info

Please note this option does not always work in combination with complex changes.

Save session

This menu will allow you to save the current session to an XML file on the server. You can use the Restore a session widget from the development dashboard to restart your project with the saved session data.

Export profile

The profile contains all session data. By selecting this option you can store the current session data as an XML file. You can use this file as a basis for unit tests or quickly start a new session without having to enter all data.

End Session

Clicking the button will end the main session

Profile

The profile contains all session data. By selecting this option a popup window appears with three tabs.

...

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 data. By clicking on an entity, the values of all attributes are shown . Clicking on the Image Removed in the utmost right column will bring up a screen where the decision requirements graph is shown.

...

in the attribute management. Using the add or delete buttons allows you to manually manipulate the session data.

Attribute management

This option will allow you to store manage the current session data as an XML file. You can use this file to quickly start a new session with existing data. You can also import this file in Studio to create a unit test.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.

Switch

This menu allows you to switch language or theme.

...

It can evaluate to a selected instance from the instance management, or globally.

Element explorer

The page 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.

Live Log

This menu displays a live preview of the runtime log. After the pop-up for the live log is opened it will start displaying its log. The clear button will clear the live log

...

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

...

.

Remove toolbar

This menu option will completely remove the debug barthe toolbar from the session. It cannot be opened again.