In Blueriq 14 the old Vaadin based development tools are no longer available. If you are using a (recent version of) Material theme the new Angular based development toolbar is automatically integrated in your theme, this is however not the case when you are still using an MVC based theme. It is possible to integrate the new Angular based development toolbar manually in your MVC theme or other frontend technology. This page describes a partial example integration for the default MVC v2 theme that comes with Blueriq 12.13.26.

Preparation

• The MVC v2 theme must be based on Blueriq 12.13.26 (or up) because the blueriq.onAfterApplicationStart hook was introduced in that version
• The new (Angular based) development-tools must be active in the Blueriq Runtime
• Add the @blueriq/devtools library to your package manager or download it manually from the Blueriq Artifactory. Don't forget the peer dependency (rxjs) when downloading manually.
• If you don't use a package manager add the dependencies manually to your MVC theme .stg file

Steps to integrate

The documentation of the @blueriq/devtools library (see API Documentation) describes which steps you should take to (fully) integrate the Angular based development toolbar in your theme. Use the example script below as an inspiration, it should also be included in your MVC theme .stg file.

...